libo
/
ztb-mini
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

样式修改调整2-1

featrue/v4.2
huziyuan 5 years ago
parent
0702ceb273
commit
3bf688f562
16 changed files with 411 additions and 78 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      assets/myinfo/bz10.png
  2. BIN
      assets/myinfo/bz11.png
  3. BIN
      assets/myinfo/bz12.png
  4. BIN
      assets/myinfo/bz9.png
  5. BIN
      assets/myinfo/dyy.png
  6. BIN
      assets/myinfo/fxztb.png
  7. BIN
      assets/myinfo/incon13.png
  8. BIN
      assets/myinfo/jydd.png
  9. BIN
      assets/myinfo/qnwl.png
  10. BIN
      assets/myinfo/shdz.png
  11. BIN
      assets/myinfo/wdbj.png
  12. BIN
      assets/myinfo/wdjf.png
  13. BIN
      assets/myinfo/wdkf.png
  14. 6
      pages/home/index/index.js
  15. 161
      pages/home/index/index.wxml
  16. 322
      pages/home/index/index.wxss

BIN
assets/myinfo/bz10.png
View File

Before After
Width: 34  |  Height: 34  |  Size: 1.3 KiB Width: 68  |  Height: 68  |  Size: 2.1 KiB

BIN
assets/myinfo/bz11.png
View File

Before After
Width: 34  |  Height: 34  |  Size: 1.3 KiB Width: 68  |  Height: 68  |  Size: 2.2 KiB

BIN
assets/myinfo/bz12.png
View File

Before After
Width: 34  |  Height: 34  |  Size: 1.1 KiB Width: 68  |  Height: 68  |  Size: 1.9 KiB

BIN
assets/myinfo/bz9.png
View File

Before After
Width: 34  |  Height: 34  |  Size: 1.2 KiB Width: 68  |  Height: 68  |  Size: 2.1 KiB

BIN
assets/myinfo/dyy.png
View File

Before After
Width: 34  |  Height: 34  |  Size: 1.7 KiB Width: 68  |  Height: 68  |  Size: 3.9 KiB

BIN
assets/myinfo/fxztb.png
View File

Before After
Width: 70  |  Height: 71  |  Size: 2.6 KiB

BIN
assets/myinfo/incon13.png
View File

Before After
Width: 20  |  Height: 20  |  Size: 257 B

BIN
assets/myinfo/jydd.png
View File

Before After
Width: 34  |  Height: 34  |  Size: 1.8 KiB Width: 68  |  Height: 68  |  Size: 5.2 KiB

BIN
assets/myinfo/qnwl.png
View File

Before After
Width: 34  |  Height: 36  |  Size: 1.5 KiB Width: 68  |  Height: 72  |  Size: 2.5 KiB

BIN
assets/myinfo/shdz.png
View File

Before After
Width: 39  |  Height: 39  |  Size: 1.4 KiB Width: 78  |  Height: 78  |  Size: 2.7 KiB

BIN
assets/myinfo/wdbj.png
View File

Before After
Width: 37  |  Height: 37  |  Size: 2.8 KiB Width: 74  |  Height: 73  |  Size: 8.4 KiB

BIN
assets/myinfo/wdjf.png
View File

Before After
Width: 39  |  Height: 39  |  Size: 1.4 KiB Width: 77  |  Height: 77  |  Size: 2.9 KiB

BIN
assets/myinfo/wdkf.png
View File

Before After
Width: 37  |  Height: 35  |  Size: 2.7 KiB Width: 74  |  Height: 70  |  Size: 8.2 KiB

6
pages/home/index/index.js
View File

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

161
pages/home/index/index.wxml
View File

@ -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" />

322
pages/home/index/index.wxss
View File

@ -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;
}
Write Preview
Loading…
Cancel
Save