样式修改调整2-1

pages/home/index/index.js

@@ -214,6 +214,12 @@ Component({
           url: '/pages/adress/list/index'
         })
       }
+    },
+    onShareAppMessage:function(){
+      return {
+        title:'分享纸通宝',
+        path:'/pages/home/index'
+      }
     }
   }
 })

pages/home/index/index.wxml

@@ -52,7 +52,158 @@
 			<text wx:else class="vipImgText">开通会员</text>
 		</view>
 	</view>
-	<view class="dmArea">
+	<view class="zt">
+		<view class="dmArea1">
+			<view class="dmArea1-top">
+				<view class="dmArea1-top-left">
+					<text class="dmArea1-top-left-text">代卖订单</text>
+				</view>
+				<view class="dmArea1-top-right">
+					<view class="dmArea1-top-right-inoc">
+						<image class="dmArea1-top-right-inoc-class" src="/assets/myinfo/incon13.png"></image>
+					</view>
+					<text class="dmArea1-top-right-text">查看更多订单</text>
+				</view>
+			</view>
+			<view class="dmArea1-bottom">
+				<view class="dmArea1-bottom-zt" id="agent50" is-link bindtap="toPage">
+					<view class="dmArea1-bottom-zt-topIcon">
+						<image class="dmArea1-bottom-zt-topIcon-icon" src="/assets/myinfo/dyy.png"></image>
+					</view>
+					<view class="dmArea1-bottom-zt-text"><text class="dmArea1-bottom-zt-text-text">待预约</text></view>
+				</view>
+				<view class="dmArea1-bottom-zt" id="agent51" is-link bindtap="toPage">
+					<view class="dmArea1-bottom-zt-topIcon">
+						<image class="dmArea1-bottom-zt-topIcon-icon" src="/assets/myinfo/bz9.png"></image>
+					</view>
+					<view class="dmArea1-bottom-zt-text"><text class="dmArea1-bottom-zt-text-text">待送货</text></view>
+				</view>
+				<view class="dmArea1-bottom-zt" id="agent53" is-link bindtap="toPage">
+					<view class="dmArea1-bottom-zt-topIcon">
+						<image class="dmArea1-bottom-zt-topIcon-icon" src="/assets/myinfo/bz12.png"></image>
+					</view>
+					<view class="dmArea1-bottom-zt-text"><text class="dmArea1-bottom-zt-text-text">结算中</text></view>
+				</view>
+				<view class="dmArea1-bottom-zt" id="agent54" is-link bindtap="toPage">
+					<view class="dmArea1-bottom-zt-topIcon">
+						<image class="dmArea1-bottom-zt-topIcon-icon" src="/assets/myinfo/bz11.png"></image>
+					</view>
+					<view class="dmArea1-bottom-zt-text"><text class="dmArea1-bottom-zt-text-text">已完成</text></view>
+				</view>
+				<view class="dmArea1-bottom-zt" id="agent55" is-link bindtap="toPage">
+					<view class="dmArea1-bottom-zt-topIcon">
+						<image class="dmArea1-bottom-zt-topIcon-icon" src="/assets/myinfo/bz10.png"></image>
+					</view>
+					<view class="dmArea1-bottom-zt-text"><text class="dmArea1-bottom-zt-text-text">已关闭</text></view>
+				</view>
+			</view>
+		</view>
+
+		<view class="dmArea2">
+			<view class="dmArea2-top" id="balance" is-link bindtap="toPage">
+				<view class="dmArea2-top-left">
+					<text class="dmArea2-top-left-text">我的钱包</text>
+				</view>
+				<view class="dmArea2-top-right">
+					<view class="dmArea2-top-right-inoc">
+						<image class="dmArea2-top-right-inoc-class" src="/assets/myinfo/incon13.png"></image>
+					</view>
+					<text class="dmArea2-top-right-text">进入钱包</text>
+				</view>
+			</view>
+			<view class="dmArea2-bottom">
+				<view class="dmArea2-bottom-content">
+					<view class="dmArea2-bottom-contentIconTxt" id="balance" is-link bindtap="toPage">
+						<view class="dmArea2-bottom-contentIcon">10000000.00</view>
+						<view class="dmArea2-bottom-contentTxt">我的余额</view>
+					</view>
+					<view class="dmArea2-bottom-contentIconTxt" id="balance" is-link bindtap="toPage">
+						<view class="dmArea2-bottom-contentIcon">500.00</view>
+						<view class="dmArea2-bottom-contentTxt">我的余额</view>
+					</view>
+					<view class="dmArea2-bottom-contentIconTxt" id="toMyMoney" is-link bindtap="toPage">
+						<view style="float:right">
+							<view class="dmArea2-bottom-contentIcon2F">
+								<view class="dmArea2-bottom-contentIcon2">查看账单</view>
+							</view>
+							<view class="dmArea2-bottom-contentTxt2">我的账单</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="dmArea3">
+			<view class="dmArea3-left">
+				<image class="dmArea3-left-inco" src="/assets/myinfo/fb.png"></image>
+				<text wx:if="{{!userInfo}}" class="dmArea3-left-text">赶紧登陆赚钱吧</text>
+				<text wx:if="{{userInfo && userInfo.hasStore==1}}" class="dmArea3-left-text">赶紧发布商品赚钱吧</text>
+				<text wx:if="{{userInfo && userInfo.hasStore==0}}" class="dmArea3-left-text">超多人想买，快来开店赚钱</text>
+			</view>
+			<view wx:if="{{!userInfo}}" class="dmArea3-right">立即登录</view>
+			<view wx:if="{{userInfo && userInfo.hasStore==1}}" class="dmArea3-right">进入店铺</view>
+			<view wx:if="{{userInfo && userInfo.hasStore==0}}" class="dmArea3-right">申请开店</view>
+		</view>
+
+		<view class="dmArea4">
+			<view class="dmArea1-top">
+				<view class="dmArea1-top-left">
+					<text class="dmArea1-top-left-text">其他工具</text>
+				</view>
+			</view>
+			<view class="bg-white padding">
+				<view class="grid col-4 grid-square">
+					<view class="dmArea4Content" id="bidding" is-link bindtap="toPage">
+						<view class="dmArea4ImgView">
+							<image class="dmArea4Img" src="/assets/myinfo/wdbj.png"></image>
+						</view>
+						<view class="dmArea4text">我的报价</view>
+					</view>
+					<view class="dmArea4Content">
+						<view class="dmArea4ImgView" id="ordering" is-link bindtap="toPage">
+							<image class="dmArea4Img" src="/assets/myinfo/jydd.png"></image>
+						</view>
+						<view class="dmArea4text">交易订单</view>
+					</view>
+					<view class="dmArea4Content">
+						<view class="dmArea4ImgView" id="integral" is-link bindtap="toPage">
+							<image class="dmArea4Img" src="/assets/myinfo/wdjf.png"></image>
+						</view>
+						<view class="dmArea4text">我的积分</view>
+					</view>
+					<view class="dmArea4Content">
+						<view class="dmArea4ImgView" id="myCus" is-link bindtap="toPage">
+							<image class="dmArea4Img" src="/assets/myinfo/wdkf.png"></image>
+						</view>
+						<view class="dmArea4text">我的客服</view>
+					</view>
+				</view>
+				<view class="grid col-4 grid-square">
+					<view class="dmArea4Content">
+						<view class="dmArea4ImgView" id="adress" is-link bindtap="toPage">
+							<image class="dmArea4Img" src="/assets/myinfo/shdz.png"></image>
+						</view>
+						<view class="dmArea4text">收货地址</view>
+					</view>
+					<view class="dmArea4Content">
+						<view class="dmArea4ImgView">
+							<image class="dmArea4Img" src="/assets/myinfo/fxztb.png"></image>
+						</view>
+						<button open-type="share" title="快来看看你的纸通宝吧！" hover-class="none" class="fxztb">分享纸通宝</button>
+
+					</view>
+					<view class="dmArea4Content">
+						<view class="dmArea4ImgView" id="qnLogistic" is-link bindtap="toPage">
+							<image class="dmArea4Img" src="/assets/myinfo/qnwl.png"></image>
+						</view>
+						<view class="dmArea4text">千鸟物流</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+	</view>
+	<!-- <view class="dmArea">
 		<text class="daAreaTietleText">代卖订单</text>
 		<text style="float:right">查看更多订单></text>
 		<view class="boderLine">
@@ -89,9 +240,9 @@
 				<text>已关闭</text>
 			</view>
 		</view>
-	</view>
+	</view> -->
 
-	<view class="dmArea2">
+	<!-- <view class="dmArea2">
 		<view id="balance" is-link bindtap="toPage">
 			<text class="daAreaTietleText">我的钱包</text>
 			<text class="dmArea2Text">进入钱包></text>
@@ -121,7 +272,7 @@
 			<text wx:if="{{userInfo && userInfo.hasStore==1}}" style="font-size: 26rpx;color: rgba(0,0,0,0.85);margin-left:15rpx">赶紧发布商品赚钱吧</text>
 			<text wx:if="{{userInfo && userInfo.hasStore==0}}" style="font-size: 26rpx;color: rgba(0,0,0,0.85);margin-left:15rpx">超多人想买，快来开店赚钱</text>
 		</view>
-		<view style="width:120rpx;float:right;margin-right:24rpx">
+		<view style="width:120rpx;float:right;margin-right:41rpx">
 			<view wx:if="{{!userInfo}}" class="btnView2"><text style="font-size: 10px;color: rgba(0,0,0,0.85);">立即登录</text></view>
 			<view wx:if="{{userInfo && userInfo.hasStore==1}}" class="btnView2"><text style="font-size: 10px;color: rgba(0,0,0,0.85);">进入店铺</text></view>
 			<view wx:if="{{userInfo && userInfo.hasStore==0}}" class="btnView2"><text style="font-size: 10px;color: rgba(0,0,0,0.85);">申请开店</text></view>
@@ -172,7 +323,7 @@
 				<text class="otherText">千鸟物流</text>
 			</view>
 		</view>
-	</view>
+	</view> -->
 
 </scroll-view>
 <wux-dialog id="wux-dialog" />

pages/home/index/index.wxss

@@ -13,7 +13,7 @@
   left: 140rpx;
   z-index: 999;
   top: 7px;
-  
+
 }
 
 .img-auth2 {
@@ -158,7 +158,7 @@
 
 }
 
-.dmArea {
+/* .dmArea {
   width: 686rpx;
   height: 220rpx;
   background-color: white;
@@ -166,7 +166,7 @@
   margin-left: 32rpx;
   position: relative;
   padding: 15rpx 30rpx 15rpx 50rpx;
-}
+} */
 
 .daAreaTietleText {
   position: relative;
@@ -185,137 +185,313 @@
 .iconArea {
   width: 68rpx;
   height: 68rpx;
+  margin-left: 5rpx;
 }
 
-.sonConten1 {
-  float: left;
-  width: 90rpx;
-  height: 114rpx;
+
+.boderLine {
+  width: 88%;
+  height: 1rpx;
+  border-bottom: 2rpx solid rgb(216, 213, 213);
+  position: absolute;
+  top: 65rpx;
 }
 
-.sonConten {
-  float: left;
-  margin-left: 35rpx;
-  width: 90rpx;
-  height: 114rpx;
+
+.zt {
+  width: 100%;
+  height: 1158rpx;
+  padding: 20rpx 32rpx 32rpx 32rpx;
+  /*上右下左*/
 }
 
-.dmArea2 {
+.dmArea1 {
   width: 686rpx;
-  height: 190rpx;
+  height: 269rpx;
+  padding-bottom: 40rpx;
   background-color: white;
-  margin-top: 15rpx;
-  margin-left: 32rpx;
-  position: relative;
-  padding: 15rpx 30rpx 15rpx 50rpx;
 }
 
-.dmAreaConten2 {
-  width: 610rpx;
-  height: 100rpx;
-  margin-top: 20rpx;
+.dmArea1-top {
+  width: 100%;
+  height: 42rpx;
+  padding: 15rpx 24rpx 40rpx 30rpx;
 }
 
-.dmArea2Text {
+.dmArea1-top-left {
+  width: 120rpx;
+  height: 42rpx;
+  float: left;
+}
+
+.dmArea1-top-left-text {
+  font-family: PingFangSC-Medium;
+  font-size: 30rpx;
+  color: rgba(0, 0, 0, 0.85);
+  letter-spacing: 0;
+}
+
+.dmArea1-top-right {
+  width: 184rpx;
+  height: 37rpx;
+  float: right;
+}
+
+.dmArea1-top-right-text {
   font-family: PingFangSC-Regular;
   font-size: 26rpx;
   color: rgba(0, 0, 0, 0.65);
   letter-spacing: 1.3rpx;
+  text-align: right;
+}
+
+.dmArea1-top-right-inoc {
+  width: 11rpx;
+  height: 19rpx;
   float: right;
-  margin-right: 33rpx;
 }
 
-.moneyTextArea1 {
-  width: 160rpx;
-  height: 97rpx;
-  float: left;
+.dmArea1-top-right-inoc-class {
+  width: 11rpx;
+  height: 19rpx;
+}
+
+.dmArea1-bottom {
+  height: 172rpx;
+  width: 100%;
+  padding: 57rpx 37rpx 0rpx 32rpx;
+  display: flex;
+  justify-content: space-between
+}
+
+.dmArea1-bottom-zt {
+  width: 78rpx;
 }
 
-.moneyTextArea2 {
-  width: 172rpx;
-  height: 97rpx;
+.dmArea1-bottom-zt-topIcon {
+  width: 68rpx;
+  height: 68rpx;
+  margin-left: 5rpx;
+}
+
+.dmArea1-bottom-zt-topIcon-icon {
+  width: 68rpx;
+  height: 68rpx;
+}
+
+.dmArea1-bottom-zt-text {
+  height: 37rpx;
+  width: 78rpx;
+  margin-top: 20rpx;
+}
+
+.dmArea1-bottom-zt-text-text {
+  font-family: PingFangSC-Regular;
+  font-size: 26rpx;
+  color: rgba(0, 0, 0, 0.65);
+  letter-spacing: 0;
+}
+
+.dmArea2 {
+  width: 686rpx;
+  height: 224rpx;
+  background-color: white;
+  margin-top: 20rpx;
+}
+
+.dmArea2-top {
+  width: 100%;
+  height: 42rpx;
+  padding: 15rpx 24rpx 40rpx 30rpx;
+}
+
+.dmArea2-top-left {
+  width: 120rpx;
+  height: 42rpx;
   float: left;
-  margin-left: 53rpx;
 }
 
-.moneyTextArea3 {
-  width: 172rpx;
-  height: 97rpx;
-  margin-top: 12rpx;
+.dmArea2-top-left-text {
+  font-family: PingFangSC-Medium;
+  font-size: 30rpx;
+  color: rgba(0, 0, 0, 0.85);
+  letter-spacing: 0;
+}
+
+.dmArea2-top-right {
+  width: 130rpx;
+  height: 37rpx;
   float: right;
 }
 
-.btnView {
-  width: 100rpx;
+.dmArea2-top-right-inoc {
+  width: 11rpx;
+  height: 19rpx;
+  float: right;
+}
+
+.dmArea2-top-right-inoc-class {
+  width: 11rpx;
+  height: 19rpx;
+}
+
+.dmArea2-top-right-text {
+  font-family: PingFangSC-Regular;
+  font-size: 26rpx;
+  color: rgba(0, 0, 0, 0.65);
+  letter-spacing: 1.3rpx;
+  text-align: right;
+}
+
+.dmArea2-bottom {
+  width: 100%;
+  padding: 56rpx 50rpx 30rpx 50rpx;
+  justify-content: space-between
+}
+
+.dmArea2-bottom-content {
+  width: 100%;
+  display: flex;
+}
+
+.dmArea2-bottom-contentIconTxt {
+  width: 33%;
+}
+
+.dmArea2-bottom-contentIcon {
+  font-family: PingFangSC-Medium;
+  font-size: 36rpx;
+  color: rgba(0, 0, 0, 0.85);
+  letter-spacing: 0;
+  text-align: center;
+}
+
+.dmArea2-bottom-contentTxt {
+  font-family: PingFangSC-Regular;
+  font-size: 26rpx;
+  color: rgba(0, 0, 0, 0.65);
+  letter-spacing: 0;
+  text-align: center;
+  margin-top: 7rpx;
+}
+
+.dmArea2-bottom-contentIcon2F {
+  width: 100%;
+  padding-top: 6rpx;
+  display: flex;
+  justify-content: center
+}
+
+.dmArea2-bottom-contentIcon2 {
+  text-align: center;
+  font-family: PingFangSC-Regular;
+  font-size: 16rpx;
+  color: rgba(0, 0, 0, 0.85);
+  letter-spacing: 0.8px;
+  width: 90rpx;
   height: 38rpx;
   background: #FFFFFF;
   border: 1px solid rgba(0, 0, 0, 0.50);
   border-radius: 18.75rpx;
   border-radius: 18.75rpx;
+  padding-top: 6.5rpx;
+
+}
+
+.dmArea2-bottom-contentTxt2 {
   text-align: center;
-  margin-left: 18rpx;
+  font-family: PingFangSC-Regular;
+  font-size: 26rpx;
+  color: #666666;
+  margin-top: 24rpx;
+  letter-spacing: 0;
 }
 
 .dmArea3 {
   width: 686rpx;
   height: 96rpx;
+  margin-top: 20rpx;
+  padding: 23rpx 32rpx 23rpx 33.5rpx;
   background-color: white;
-  margin-top: 15rpx;
-  margin-left: 32rpx;
-  position: relative;
-  padding: 15rpx 30rpx 15rpx 50rpx;
 }
 
-.btnView2 {
-  width: 160rpx;
+.dmArea3-left {
+  width: 380rpx;
+  height: 100%;
+  float: left;
+  padding-top: 7rpx;
+}
+
+.dmArea3-right {
+  float: right;
+  width: 120rpx;
   height: 50rpx;
   background: #FFFFFF;
   border: 1px solid #007AFF;
   border-radius: 25px;
   border-radius: 25px;
+  font-family: PingFangSC-Regular;
+  font-size: 20rpx;
   color: #007AFF;
-  padding: 5rpx 28rpx 5rpx 28rpx;
-  margin-top: 15rpx;
+  letter-spacing: 1px;
   text-align: center;
+  padding-top: 8rpx;
+}
+
+.dmArea3-left-inco {
+  width: 23rpx;
+  height: 23rpx;
+}
+
+.dmArea3-left-text {
+  font-family: PingFangSC-Regular;
+  font-size: 26rpx;
+  color: rgba(0, 0, 0, 0.85);
+  letter-spacing: 1.3px;
+  margin-left: 10rpx;
+}
+
+.dmArea2-bottom {
+  height: 172rpx;
+  width: 100%;
+  padding: 57rpx 37rpx 0rpx 32rpx;
 }
 
 .dmArea4 {
+  height: 569rpx;
   width: 686rpx;
-  height: 600rpx;
   background-color: white;
-  margin-top: 15rpx;
-  margin-left: 32rpx;
-  position: relative;
-  padding: 15rpx 30rpx 15rpx 50rpx;
+  margin-top: 20rpx;
 }
 
-.dmArea4sonConten1 {
-  float: left;
-  width: 120rpx;
-  height: 154rpx;
-}
+.dmArea4-top {}
 
-.dmArea4sonConten2 {
-  float: left;
-  margin-left: 42rpx;
-  width: 120rpx;
-  height: 154rpx;
-}
+.dmArea4Content {}
 
-.dmArea4iconArea {
-  width: 110rpx;
+.dmArea4ImgView {
   height: 68rpx;
+  width: 100%;
   text-align: center;
 }
 
-.dmArea4iconAreaIMG {
-  width: 68rpx;
+.dmArea4Img {
   height: 68rpx;
+  width: 68rpx;
 }
-.boderLine{
-  width: 88%;
-  height: 1rpx;
-  border-bottom:2rpx solid   rgb(216, 213, 213);
-  position: absolute;
-  top: 65rpx;
+
+.dmArea4text {
+  width: 100%;
+  text-align: center;
+  margin-top: 10rpx;
+  border: white;
+}
+
+.fxztb {
+  font-size: 26rpx;
+  padding: 0;
+  background-color: transparent;
+  border: none;
+  outline: none;
+  background-color: unset;
+  background-color: transparent;
 }