ソースを参照

[首页][修改]:[首页修改成长值进度条]

tags/湖南版5.1.4
meo 6年前
コミット
3331093654
4個のファイルの変更31行の追加6行の削除
  1. +2
    -2
      dist/tab/index.wxss
  2. +7
    -0
      pages/main/index.js
  3. +9
    -4
      pages/main/index.wxml
  4. +13
    -0
      pages/main/index.wxss

+ 2
- 2
dist/tab/index.wxss ファイルの表示

@@ -15,12 +15,12 @@


.i-tabs-tab-bar { .i-tabs-tab-bar {
display: block; display: block;
width: 50%;
width: 72%;
height: 6rpx; height: 6rpx;
background: 0 0; background: 0 0;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 25%;
left: 15%;
background: #af6e34; background: #af6e34;
border-radius: 100px; border-radius: 100px;
} }


+ 7
- 0
pages/main/index.js ファイルの表示

@@ -314,6 +314,8 @@ Page({
console.log(res) console.log(res)
that.setData({ that.setData({
levelName: res.data.levelName, levelName: res.data.levelName,
upgradePercent: res.data.upgradePercent,
upgradeScore: res.data.upgradeScore,
score: res.data.score score: res.data.score
}) })
if (res.data.nickName) { if (res.data.nickName) {
@@ -336,6 +338,11 @@ Page({
}) })
}) })
}, },
gotoChengzhangzhi:function(){
wx.navigateTo({
url: '/pages/czdetail/czdetail',
})
},
/** /**
* *
* @param {code,page} * @param {code,page}


+ 9
- 4
pages/main/index.wxml ファイルの表示

@@ -7,18 +7,23 @@
<open-data class="open" type="userAvatarUrl"></open-data> <open-data class="open" type="userAvatarUrl"></open-data>
</view> </view>
<!-- 成长值 --> <!-- 成长值 -->
<view class="user-data fl">
<view class="user-data fl" bindtap='gotoChengzhangzhi'>
<!-- <open-data type="userNickName"></open-data> --> <!-- <open-data type="userNickName"></open-data> -->
<text class='chengzhang'>{{levelName}}</text> <text class='chengzhang'>{{levelName}}</text>
<view class="view">成长值<text class="score">{{score}}</text></view>
<text class='remainchengzhangzhi'>还需{{upgradeScore}}成长值可升级</text>
<view class="view">
<!-- 成长值<text class="score">{{score}}</text> -->
<progress percent="{{upgradePercent}}" wx:if="{{upgradeScore!=0}}" stroke-width="6" activeColor="#b2743d" />
<progress percent="0" wx:if="{{upgradeScore==0}}" stroke-width="6" activeColor="#b2743d" />
</view>
</view> </view>
<!-- 积分 --> <!-- 积分 -->
<view class='fl integral'>
<view class='fl integral' bindtap='gotouser'>
<view class='clearfix'> <view class='clearfix'>
<text class='jifen fl'>积分</text> <text class='jifen fl'>积分</text>
<text class='jifenNumber fl'>5000</text> <text class='jifenNumber fl'>5000</text>
</view> </view>
<image src="{{duihuan}}" class='duihuanimg' bindtap='gotouser' mode='widthFix'></image>
<image src="{{duihuan}}" class='duihuanimg' mode='widthFix'></image>
</view> </view>
<!-- 二维码 --> <!-- 二维码 -->
<view class='qrcode fr' bindtap='qrcode'> <view class='qrcode fr' bindtap='qrcode'>


+ 13
- 0
pages/main/index.wxss ファイルの表示

@@ -306,4 +306,17 @@ height:100%;
} }
.business{ .business{
margin-top: 40rpx; margin-top: 40rpx;
}
.remainchengzhangzhi{
display: block;
color: #b2743d;
font-size: 12rpx;
margin-top: 5rpx;
line-height: 14rpx;
}
progress{
display:inline-block;
width:180rpx;
border-radius:60rpx;
overflow:hidden;
} }

読み込み中…
キャンセル
保存