高敬炎 1 anno fa
parent
commit
476db1e4be

+ 22 - 9
uni_applet/components/loginPopUp/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<u-modal :show="showAuthorizePhone" :showConfirmButton="false">
-		 	<view class="slot-content">
+		 	<view class="slot-content phone-wrap">
 		 		<view class="auth-card">
 		 			<view class="img">
 		 				<img class="avatar-img" src="@/static/logo.png" mode="widthFix">
@@ -31,7 +31,7 @@
 					<view class="content">邀请您补全个人信息<br></br>(昵称、头像)</view>
 					<view style="margin-left: 100rpx;margin-right: 100rpx">
 						<u-form :model="userInfo" ref="uForm">
-							<u-form-item label="头像">
+							<u-form-item :rightclass='"rightclass"' bodypadding='0' label="头像">
 								<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
 									slot="right">
 									<image class="avatar"
@@ -39,7 +39,7 @@
 									</image>
 								</button>
 							</u-form-item>
-							<u-form-item label="昵称">
+							<u-form-item bodypadding='0' label="昵称">
 								<u-input inputAlign='right' v-model="userInfo.nickname" class="weui-input"
 									@blur="userNameInput" placeholder="请输入昵称" border="false" />
 								<!-- <input type="nickname" :value="userInfo.nickname" class="weui-input" @blur="userNameInput" placeholder="请输入昵称"/> -->
@@ -120,6 +120,10 @@
 		  open(){
 			this.showAuthorizePhone=true
 		  },
+		useropen(user){
+			this.userInfo=user
+			this.showAuthorizeUser=true
+		  },
 		  toDetail(){
 			this.showAuthorizePhone = false
 			uni.navigateTo({
@@ -168,15 +172,17 @@
 
 <style lang='scss' scoped>
 	.auth-btncard {
+		width:80%;
+		margin:40rpx auto 0;
 		display: flex !important;
 		justify-content: space-between !important;
 	
 		.btn-unok {
-			width: 40%;
+			width: 45%;
 		}
 	
 		.btn-ok {
-			width: 40%;
+			width: 45%;
 		}
 	}
 	
@@ -185,6 +191,7 @@
 	
 		.avatar-img {
 			width: 200rpx;
+			margin-bottom:30rpx;
 		}
 	
 		.title {
@@ -195,10 +202,12 @@
 			font-size: 32rpx;
 			font-weight: bold;
 			color: #1A1A1A;
-			margin-bottom: 30rpx;
+			margin-bottom: 60rpx;
 		}
 	}
-	
+	.phone-wrap .content {
+			margin-bottom: 100rpx;
+		}
 	.avatar-wrapper {
 		color: #333 !important;
 		border: none !important;
@@ -212,8 +221,8 @@
 	}
 	
 	.avatar {
-		width: 100rpx;
-		height: 100rpx;
+		width: 80rpx;
+		height: 80rpx;
 		overflow: hidden;
 		border-radius: 100%;
 	}
@@ -227,4 +236,8 @@
 	.slot-content{
 		width: 100%;
 	}
+	button{
+		line-height: 1;;
+	}
+	
 </style>

+ 4 - 1
uni_applet/components/text-over-flow/text-over-flow.vue

@@ -124,7 +124,7 @@ export default {
 .button-show {
   width: 70rpx;
   position: absolute;
-  right: 0;
+  right: 8px;
   bottom: 0;
   z-index: 0;
   text-align: right;
@@ -136,4 +136,7 @@ export default {
   color: #E95700;
   text-align: right
 }
+.text-overflow-content{
+	letter-spacing:1px;
+}
 </style>

+ 1 - 4
uni_applet/pageA/enter/enter.vue

@@ -500,8 +500,5 @@
 	/deep/.u-popup__content {
 		border-radius: 20rpx !important;
 	}
-	/deep/.u-tabbar-item image{
-		width:40rpx;
-		height:40rpx;
-	}
+	
 </style>

+ 0 - 9
uni_applet/pageA/find/createLifeService.vue

@@ -128,15 +128,6 @@
 		},
 		methods: {
 			submit(){
-				uni.showModal({
-					title:'123',
-					success: () => {
-							console.log(123)
-					}
-				})
-				
-				
-				
 				if(this.form.mainBody=='商铺'){
 					this.content='确定提交店铺信息'
 				}else{

+ 10 - 52
uni_applet/pageA/login/index.vue

@@ -23,6 +23,7 @@
 							class="path" hover-class="navigator-hover">用户服务协议和隐私政策</navigator>
 			</view>
 		</view>
+		<login-pop-up ref='loginpopup' :content='"手机登录后才能查看我的哦~"'></login-pop-up>
 		<u-modal :show="showAuthorizeUser" :showConfirmButton="false">
 			<view class="slot-content">
 				<view class="auth-card">
@@ -63,11 +64,15 @@
 
 <script>
 	var that
+	import loginPopUp from "@/components/loginPopUp/index.vue"
 	import {
 		pathToBase64,
 		base64ToPath
 	} from 'image-tools'
 	export default {
+		components: {
+			loginPopUp
+		},
 	 data() {
 	 	return {
 	 		userInfo: {
@@ -129,7 +134,8 @@
 				console.log(that.userInfo,1111)
 				that.userInfo.phone = await this.$request.getPhone(e, that.userInfo)
 				console.log(that.userInfo,2222)
-				this.showAuthorizeUser = true
+				this.$refs.loginpopup.useropen(that.userInfo)
+				// this.showAuthorizeUser = true
 		  },
 		  custom(){
 			  uni.showToast({
@@ -182,57 +188,6 @@
 	/deep/.u-radio-group{
 		flex: 0.7 !important;
 	}
-	.auth-btncard {
-		display: flex !important;
-		justify-content: space-between !important;
-	
-		.btn-unok {
-			width: 40%;
-		}
-	
-		.btn-ok {
-			width: 40%;
-		}
-	}
-	
-	.auth-card {
-		text-align: center;
-	
-		.avatar-img {
-			width: 200rpx;
-		}
-	
-		.title {
-			font-size: 20rpx;
-		}
-	
-		.content {
-			font-size: 32rpx;
-			font-weight: bold;
-			color: #1A1A1A;
-			margin-bottom: 30rpx;
-		}
-	}
-	
-	.avatar-wrapper {
-		color: #333 !important;
-		border: none !important;
-		border-radius: 0 !important;
-		background-color: transparent !important;
-		padding: 0;
-	}
-	
-	.avatar-wrapper::after {
-		border: none !important;
-	}
-	
-	.avatar {
-		width: 80rpx;
-		height: 80rpx;
-		overflow: hidden;
-		border-radius: 100%;
-	}
-	
 	/deep/.u-popup__content {
 		border-radius: 20rpx !important;
 	}
@@ -242,4 +197,7 @@
 	/deep/.u-input{
 		padding:0 !important;
 	}
+	/deep/.u-form-item__body__right.rightclass{
+		flex:0.7  !important;
+	}
 </style>

+ 8 - 1
uni_applet/pages/find/find.vue

@@ -36,7 +36,7 @@
 						<view class="left">
 							<view class='cover'>
 								<u--image radius='4' :showLoading="true" :src="item.coverImage" width="86px"
-									height="86px" @click="click"></u--image>
+									height="86px" @click="imageclick(item.coverImage)"></u--image>
 							</view>
 						</view>
 						<view class="right">
@@ -153,6 +153,13 @@
 			}
 		},
 		methods: {
+			imageclick(url){
+				console.log(1111)
+				uni.previewImage({
+					current: 0,
+					urls: [url]
+				})
+			},
 			swiperClick(e){
 				console.log(e)
 				if(e==0){

+ 7 - 1
uni_applet/pages/food/food.vue

@@ -43,7 +43,7 @@
 						<view class='name'>{{item.shopNames}}</view>
 					</view>
 					<view style='align-items: flex-start;' class='flex' >
-						<view style='width:100vw;' class="left flex">
+						<view style='width:100vw;' class="left flex " :class='item.foodDishesInfoList.length==4?"justify-space-between":""'>
 							<!-- @click.stop='previewImg(item1)' -->
 							<view v-for='item1 in item.foodDishesInfoList' class="img">
 								<u--image radius='4' :showLoading="true" :src="item1.dishImage" width="150rpx"
@@ -512,6 +512,12 @@
 		.img{
 			margin: 10rpx;
 		}
+		.left .img:first-child{
+			margin-left:0;
+		}
+		.left .img:last-child{
+			margin-right:0;
+		}
 		.detailedAddress {
 			width: 70vw;
 			overflow: hidden;

+ 8 - 0
uni_applet/uni_modules/uview-ui/components/u-form-item/props.js

@@ -9,10 +9,18 @@ export default {
 			type: String,
 			default: uni.$u.props.formItem.uclass
 		},
+		rightclass:{
+			type: String,
+			default: uni.$u.props.formItem.rightclass
+		},
         // 绑定的值
         prop: {
             type: String,
             default: uni.$u.props.formItem.prop
+        },
+		bodypadding: {
+            type: String,
+            default: uni.$u.props.formItem.bodypadding
         },
         // 是否显示表单域的下划线边框
         borderBottom: {

+ 2 - 2
uni_applet/uni_modules/uview-ui/components/u-form-item/u-form-item.vue

@@ -5,7 +5,7 @@
 			@tap="clickHandler"
 			:style="[$u.addStyle(customStyle), {
 				flexDirection: (labelPosition || parentData.labelPosition) === 'left' ? 'row' : 'column'
-			}]"
+			,padding:bodypadding?bodypadding+'rpx':'10px 0'}]"
 		>
 			<!-- 微信小程序中,将一个参数设置空字符串,结果会变成字符串"true" -->
 			<slot name="label">
@@ -43,7 +43,7 @@
 					</view>
 				</view>
 			</slot>
-			<view class="u-form-item__body__right">
+			<view :class="'u-form-item__body__right '+rightclass">
 				<view class="u-form-item__body__right__content">
 					<view  class="u-form-item__body__right__content__slot">
 						<slot />

+ 1 - 0
uni_applet/util/util.js

@@ -65,6 +65,7 @@ export function throttle(fn, gapTime) {
 		}
 	}
 }
+ 
 
 export function authorizedLocation() {
 	return new Promise((resolve, reject) => {