Browse Source

10.29commit message页面预封装

eason 1 năm trước cách đây
mục cha
commit
8785b86887

+ 23 - 0
fore-end/components/messageRecord/messageRecord.js

@@ -0,0 +1,23 @@
+// components/messageRecord/messageRecord.js
+Component({
+	/**
+	 * 组件的属性列表
+	 */
+	properties: {
+
+	},
+
+	/**
+	 * 组件的初始数据
+	 */
+	data: {
+
+	},
+
+	/**
+	 * 组件的方法列表
+	 */
+	methods: {
+
+	}
+})

+ 4 - 0
fore-end/components/messageRecord/messageRecord.json

@@ -0,0 +1,4 @@
+{
+	"component": true,
+	"usingComponents": {}
+}

+ 2 - 0
fore-end/components/messageRecord/messageRecord.wxml

@@ -0,0 +1,2 @@
+<!--components/messageRecord/messageRecord.wxml-->
+<text>components/messageRecord/messageRecord.wxml</text>

+ 1 - 0
fore-end/components/messageRecord/messageRecord.wxss

@@ -0,0 +1 @@
+/* components/messageRecord/messageRecord.wxss */

+ 3 - 1
fore-end/pages/message/message.json

@@ -1,3 +1,5 @@
 {
-    "usingComponents": {}
+	"usingComponents": {},
+	"navigationBarTitleText": "消息中心",
+	"navigationBarTextStyle":"black"
 }

+ 23 - 1
fore-end/pages/message/message.wxml

@@ -1,2 +1,24 @@
 <!--pages/message/message.wxml-->
-<text>pages/message/message.wxml</text>
+<view class="message">
+	<van-image
+	 width="50px" 
+	 height="50px" 
+	 src="https://img.js.design/assets/smartFill/img317164da746310.jpg" 
+	 round 
+	 lazy-load
+	 custom-class="message-profile">
+	 </van-image>
+	 <view class="message-text">
+		<view class="message-text-name">商家名称</view>
+		<view class="message-text-record">最后一条聊天记录</view>
+		<view class="message-text-time">10-29</view>
+	 </view>
+	 <van-image
+	 width="60px"
+	 height="60px"
+	 src="https://img.js.design/assets/smartFill/img409164da755928.jpg"
+	 lazy-load
+	 radius="12px"
+	 custom-class="message-picture">
+	 </van-image>
+</view>

+ 35 - 1
fore-end/pages/message/message.wxss

@@ -1 +1,35 @@
-/* pages/message/message.wxss */
+/* pages/message/message.wxss */
+.message{
+	border-bottom: 1px solid rgba(214, 214, 214, 0.4);
+	display: flex;
+}
+
+.message-profile{
+	position: relative;
+	left: 12px;
+	top: 2px;
+}
+
+.message-text{
+	position: relative;
+	left: 30px;
+}
+
+.message-text-name{
+	font-size: 15px;
+}
+
+.message-text-record{
+	font-size: 12px;
+	color: rgba(128, 128, 128, 1);
+}
+
+.message-text-time{
+	font-size: 10px;
+	color: rgba(128, 128, 128, 1);
+}
+
+.message-picture{
+	position: relative;
+	left: 120px;
+}

+ 3 - 3
fore-end/pages/myOrder/myOrder.wxml

@@ -1,15 +1,15 @@
 <!--pages/myOrder.wxml-->
-<van-swipe-cell right-width="{{ 100 }}" wx:for="{{array}}" >
+<van-swipe-cell right-width="{{ 100 }}"  >
   <van-cell-group inset class="commodity-card">
 	<van-cell class="commodity-card-title" style="width: 684rpx; height: 92rpx; display: flex; box-sizing: border-box" border="{{false}}">
 		<view class="commodity-card-title-name" style="position: relative; left: 0rpx; top: 5rpx">店铺名称></view>
-		<view class="commodity-card-title-status" style="position: relative; left: 478rpx; top: -46rpx; width: 140rpx; height: 50rpx; display: block; box-sizing: border-box">商品状态</view>
+		<view class="commodity-card-title-status" style="position: relative; left: 453rpx; top: -46rpx; width: 140rpx; height: 50rpx; display: block; box-sizing: border-box">商品状态</view>
 	</van-cell>
 	<van-cell class="commodity-card-body" style="width: 684rpx; height: 211rpx; display: flex; box-sizing: border-box">
 		<van-image radius="15px" width="80" height="80" src="{{imageURL}}" style="position: relative; left: -450rpx; top: 5rpx"></van-image>
 		<view class="commodity-card-body-info" style="width: 409rpx; height: 165rpx; display: flex; box-sizing: border-box; position: relative; left: 209rpx; top: -180rpx">
 			<view class="commodity-card-body-info-title" style="position: relative; left: 0rpx; top: 38rpx; width: 282rpx; height: 136rpx; display: block; box-sizing: border-box">商品标题</view>
-			<van-cell title="¥10.00" title-style="position:relative;text-align:left;color:red;" style="position: relative; left: 267rpx; top: -48rpx; width: 142rpx; height: 80rpx; display: block; box-sizing: border-box"></van-cell>
+			<van-cell title="¥10.00" title-style="position:relative;text-align:left;color:red;border:none;" style="position: relative; left: 250rpx; top: -48rpx; width: 142rpx; height: 80rpx; display: block; box-sizing: border-box"></van-cell>
 		</view>
 	</van-cell>
 	<van-cell class="commodity-card-footer">

+ 2 - 1
fore-end/pages/user/user.json

@@ -1,3 +1,4 @@
 {
-    "usingComponents": {}
+	"usingComponents": {},
+	"navigationBarTitleText": "个人主页"
 }

+ 16 - 21
fore-end/pages/user/user.wxml

@@ -1,34 +1,29 @@
 <!--pages/user/user.wxml-->
 <van-cell-group inset>
-	<van-cell class="pages-user">
-		<view class="pages-user-profile" bindtap="getUserProfile">
-			<image class="pages-user-profile-1" src="{{avatarUrl}}" style="width: 236rpx; height: 232rpx; display: inline-block; box-sizing: border-box; left: 13rpx; top: 15rpx; position: relative"></image>
+	<van-cell class="pages-user" style="width: 646rpx; height: 328rpx; display: flex; box-sizing: border-box; left: 0rpx;">
+		<view class="pages-user-profile" bindtap="getUserProfile" style="position: relative; left: 0rpx; top: 0rpx">
+			<image class="pages-user-profile-1" src="{{avatarUrl}}" style="width: 236rpx; height: 232rpx; display: inline-block; box-sizing: border-box; left: -14rpx; top: 16rpx; position: relative"></image>
 		</view>
-		<view class="pages-user-username">
-			<view class="pages-user-username-1" style=" display: block; box-sizing: border-box; left: 63rpx; top: 3rpx">{{nickName}}</view>
-			<!-- <view class="pages-user-username-2">wxID:{{userWxID}}</view> -->
-			<view class="pages-user-username-4">
-				<!-- <van-icon name="/assets/tabBar_img/修改.png"></van-icon> -->
-				<view class="pages-user-username-4-title">个性签名:</view>
-				<view class="pages-user-username-4-text">{{personalSignatrue}}</view>
-			</view>
-			<van-cell bindtap="changeBtn" value="编辑个人信息" is-link  class="pages-user-username-3" value-class="font-size:12px;"></van-cell>
+		<view class="pages-user-username" style="width: 330rpx; height: 263rpx; display: flex; box-sizing: border-box; position: relative; left: 290rpx; top: -248rpx">
+		<view class="pages-user-username-1" style="display: block; box-sizing: border-box; left: 0rpx; top: -11rpx; position: relative">{{nickName}}</view>
+		<view class="pages-user-username-4-text" style="position: relative; left: -9rpx; top: -21rpx; width: 292rpx; height: 84rpx; display: block; box-sizing: border-box">个性签名:{{personalSignatrue}}</view>
+		<van-cell bindtap="changeBtn" value="编辑个人信息" is-link  class="pages-user-username-3" value-class="font-size:12px;" style="width: 292rpx; height: 84rpx; display: block; box-sizing: border-box; left: 38rpx; top: -9rpx; position: relative"></van-cell>
 		</view>
 	</van-cell>
 	<van-cell class="pages-user-order" bindtap="myOrder">
 		<van-icon name="/assets/tabBar_img/订单.png" class="pages-user-order-1"></van-icon>
 		<view class="pages-user-order-2">我的订单</view>
 	</van-cell>
-	<van-cell-group class="pages-user-comdity">
+	<van-cell-group custom-class="pages-user-comdity">
 		<van-cell title="已售商品" value="查看更多" is-link class="pages-user-comdity-1"></van-cell>
-		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img386164da74ff50.jpeg" class="pages-user-comdity-2"></van-image>
-		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img430164da758808.jpeg" class="pages-user-comdity-2"></van-image>
-		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img355164da74c4b8.jpg" class="pages-user-comdity-2"></van-image>
+		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img386164da74ff50.jpeg" class="pages-user-comdity-2" style="position: relative; left: -5rpx; top: 0rpx"></van-image>
+		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img430164da758808.jpeg" class="pages-user-comdity-2" style="position: relative; left: -3rpx; top: 0rpx"></van-image>
+		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img355164da74c4b8.jpg" class="pages-user-comdity-2" style="position: relative; left: 434rpx; top: -265rpx"></van-image>
 	</van-cell-group>
-	<van-cell-group class="pages-user-comdity">
-		<van-cell title="待售商品" value="查看更多" is-link class="pages-user-comdity-1"></van-cell>
-		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img425164da758808.jpg" class="pages-user-comdity-2"></van-image>
-		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img434164da758808.jpeg" class="pages-user-comdity-2"></van-image>
-		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img383164da74ff50.jpg" class="pages-user-comdity-2"></van-image>
+	<van-cell-group custom-class="pages-user-comdity" style="position: relative; left: 0rpx; top: -21rpx">
+		<van-cell title="待售商品" value="查看更多" is-link class="pages-user-comdity-1" style="position: relative; left: 0rpx; top: 0rpx"></van-cell>
+		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img425164da758808.jpg" class="pages-user-comdity-2" style="position: relative; left: -5rpx; top: 0rpx"></van-image>
+		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img434164da758808.jpeg" class="pages-user-comdity-2" style="position: relative; left: -3rpx; top: 0rpx"></van-image>
+		<van-image width="100px" height="120px" fit="cover" src="https://img.js.design/assets/smartFill/img383164da74ff50.jpg" class="pages-user-comdity-2" style="position: relative; left: 434rpx; top: -263rpx"></van-image>
 	</van-cell-group>
 </van-cell-group>

+ 12 - 12
fore-end/pages/user/user.wxss

@@ -6,8 +6,8 @@ page{
 .pages-user{
 	display: flex;
 	position: relative;
-	top: 25px;
-	margin-bottom: 30px;
+	top: 0;
+	margin-bottom: 2px;
 }
 
 .pages-user-profile{
@@ -39,11 +39,12 @@ page{
 	position: relative;
 	left: 30px;
 	top: 1px;
-	width: 160px;
+	width: 140px;
 	opacity: 1;
 	color: rgba(0, 0, 0, 0.62);
 	font-size: 20px;
 	font-weight: 1000;
+	text-align: left;
 
 }
 
@@ -86,27 +87,20 @@ page{
 	left: 35px;
 }
 
-.pages-user-username-4-title{
-	position: relative;
-	left: -10px;
-	margin-top: 5px;
-	width: 55px;
-	font-size: 11px;
-	opacity: 0.7;
-}
-
 .pages-user-username-4-text{
 	position: relative;
 	left: -15px;
 	margin-top: 5px;
 	width: 130px;
 	font-size: 12px;
+	text-align: left;
 }
 
 .pages-user-order{
 	margin-top: 2px;
 	display: flex;
 	flex-direction: column;
+	margin-bottom: 2px;
 }
 
 .pages-user-order-1>.van-icon{
@@ -125,6 +119,12 @@ page{
 	margin-bottom: 5px;
 }
 
+.pages-user-comdity{
+	height: 170px;
+	margin-bottom: 10px;
+
+}
+
 .pages-user-comdity-1>.van-cell>.van-cell__title{
 	font-size: 12px;
 }

+ 3 - 2
fore-end/project.config.json

@@ -8,7 +8,7 @@
 		},
 		"coverView": false,
 		"postcss": true,
-		"minified": false,
+		"minified": true,
 		"enhance": true,
 		"showShadowRootInWxmlPanel": false,
 		"packNpmRelationList": [],
@@ -22,7 +22,8 @@
 				}
 			]
 		},
-		"es6": true
+		"es6": true,
+		"condition": true
 	},
 	"editorSetting": {
 		"tabIndent": "tab",

+ 1 - 1
fore-end/project.private.config.json

@@ -25,5 +25,5 @@
 			]
 		}
 	},
-	"libVersion": "3.1.4"
+	"libVersion": "2.27.3"
 }