suzhou-jichuang-lanhai
/
luyingxiaochengxu2
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mine页面修改

Browse Source
master
许宏杰 3 years ago
parent 2b41b99f69
commit 1c5ffb42eb
4 changed files with 64 additions and 41 deletions
Show Stats Download Patch File Download Diff File

4
app.json
Unescape View File

@ -71,7 +71,9 @@
"van-button": "@vant/weapp/button/index",
"tabBar":"navBar/index",
"my-navBar":"/navBar/index",
"van-share-sheet": "@vant/weapp/share-sheet/index"
"van-share-sheet": "@vant/weapp/share-sheet/index",
"van-grid": "@vant/weapp/grid/index",
"van-grid-item": "@vant/weapp/grid-item/index"
},
"sitemapLocation": "sitemap.json"
}

30
pages/mine/index.js
Unescape View File

@ -6,12 +6,16 @@ Page({
*/
data: {
dingdan:[
{name:'待付款',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/fukuan.png'},
{name:'待接单',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/jd.png'},
{name:'待消费',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/xiaofei.png'},
{name:'待评价',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/pj.png'},
{name:'退款/售后',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/tui.png'},
]
{name:'待付款',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/fukuan.png',badge:1},
{name:'待接单',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/jd.png',badge:1},
{name:'待消费',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/xiaofei.png',badge:1},
{name:'待评价',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/pj.png',badge:1},
{name:'退款/售后',url:'http://www.jichuanglanhai.com/demo/js-yingdi/images/tui.png',badge:1},
],
tuijianList:[
{image:'https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83epKicbs2fWufANkzAoW5TeQdnAd4icOPITBRIS6kZGlxTjfDf5nweUfjsuXjvVf853RzORFdqfPHM7A/132',name:'酷仔不酷',fensi:142,state:0},
{image:'https://thirdwx.qlogo.cn/mmopen/vi_32/XSqic8ibNMGjo3iaU3L0bibndtry1WwlXibueZjB8WMkbe4CPoIicNJTrwg4qttg2yb3BuUPLNyYR1GOtNL7s2NE2rCg/132',name:'洪大叔露营生活',fensi:432,state:0},
],
},
/**
@ -19,6 +23,20 @@ Page({
*/
onLoad(options) {
},
//推荐关注交互
clickBtn(e){
let index = e.currentTarget.dataset.index
let {tuijianList} = this.data
if(tuijianList[index].state == 0){
tuijianList[index].state = 1
}else{
tuijianList[index].state = 0
}
this.setData({
tuijianList:tuijianList
})
},
godynamicPath(){
wx.navigateTo({

51
pages/mine/index.wxml
Unescape View File

@ -13,16 +13,16 @@
ID:234567
</view>
</view>
<view class="user-mone" bindtap="godynamicPath">
<view class="user-mone">
<van-icon name="arrow" />
</view>
</view>
<view class="user-item">
<view class="item-data" bindtap="godynamicPath">
<view class="item-data" bindtap="godynamicPath">
<view class="data-value">20</view>
<view class="data-lable">动态</view>
</view>
<view class="item-data" bindtap="goConcernPath">
<view class="data-value">3</view>
<view class="data-lable">关注</view>
@ -42,8 +42,8 @@
<view class="bottom-title flex-title">
<text>我的订单</text>
<view class="title-right" bindtap="godingdanPath">
<text>全部</text>
<van-icon name="arrow" />
<text>全部</text>
<van-icon name="arrow" />
</view>
</view>
<view class="dingdan-item">
@ -54,42 +54,31 @@
<view class="item-value">
{{item.name}}
</view>
<view class="badge" wx:if="{{item.badge>0}}">{{item.badge}}</view>
</view>
</view>
</view>
<view class="tuijian">
<view class="bottom-title">
你可能感兴趣的人
</view>
<view class="tuiList">
<view class="tui-icon">
<image src="https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83epKicbs2fWufANkzAoW5TeQdnAd4icOPITBRIS6kZGlxTjfDf5nweUfjsuXjvVf853RzORFdqfPHM7A/132" mode="aspectFill"></image>
</view>
<view class="tui-name">
<view class="name-title">
酷仔不酷
</view>
<view class="name-fensi">
粉丝：142
</view>
</view>
<view class="tui-btn">关注</view>
</view>
<view class="tuiList">
<view class="tui-icon">
<image src="https://thirdwx.qlogo.cn/mmopen/vi_32/XSqic8ibNMGjo3iaU3L0bibndtry1WwlXibueZjB8WMkbe4CPoIicNJTrwg4qttg2yb3BuUPLNyYR1GOtNL7s2NE2rCg/132"></image>
<view class="tuiList" wx:for="{{tuijianList}}" wx:key="index">
<view class="tui-icon">
<image src="{{item.image}}" mode="aspectFill"></image>
</view>
<view class="tui-name">
<view class="name-title">
{{item.name}}
</view>
<view class="tui-name">
<view class="name-title">
洪大叔露营生活
</view>
<view class="name-fensi">
粉丝：432
</view>
<view class="name-fensi">
粉丝：{{item.fensi}}
</view>
<view class="tui-btn">关注</view>
</view>
<view class="tui-btn">
<van-button plain="{{item.state==1}}" color="#446C4C" size="mini" bindtap="clickBtn" data-index="{{index}}">关注</van-button>
</view>
</view>
</view>
</view>
</view>

20
pages/mine/index.wxss
Unescape View File

@ -113,6 +113,7 @@ page{
flex-direction: column;
align-items: center;
justify-content: space-between;
position: relative;
}
.item-icon{
height: 51rpx;
@ -123,6 +124,20 @@ page{
width: 100%;
display: block;
}
.badge{
height: 35rpx;
width: 35rpx;
border-radius: 50%;
background-color: #ee0a24;
border: 3rpx solid #fff;
position: absolute;
top: -18rpx;
right: 20rpx;
color: #fff;
font-size: 22rpx;
text-align: center;
line-height: 36rpx;
}
.item-value{
font-size: 22rpx;
font-family: "Alibaba-PuHuiTi-Regular.otf";
@ -131,7 +146,6 @@ page{
margin-top: 21rpx;
}
.tuijian{
background: #FFFFFF;
box-shadow: 0px 0px 6rpx 0px rgba(231,231,231,0.73);
border-radius: 13rpx;
@ -176,7 +190,7 @@ page{
font-weight: 400;
color: #9D9D9D;
}
.tui-btn{
/* .tui-btn{
width: 100rpx;
height: 51rpx;
line-height: 51rpx;
@ -187,7 +201,7 @@ page{
font-family: "Alibaba-PuHuiTi-Regular.otf";
font-weight: 400;
color: #366E49;
}
} */
.flex-title{
display: flex;
justify-content: space-between;

Write Preview
Loading…
Cancel
Save