zhangjing/cardtest
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[更新]

Browse Source
This commit is contained in:
zhangmanman
2021-08-09 15:57:37 +08:00
parent c661dd0e16
commit 540d76bdb8
158 changed files with 4914 additions and 788 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
pages/user/user.wxml
View File

@@ -3,7 +3,15 @@
<view class="userHead">
<view class="userHead-img">
<image src="{{infos.avatar}}" mode="aspectFill"></image>
<view class="userHead-tips {{infos.identity.identity_id == 0 ? '' : 'active'}}">{{infos.identity.name}}</view>
<view class="userHead-tips default" wx:if="{{infos.identity.identity_id == 0}}">
{{infos.identity.name}}
</view>
<view class="userHead-tips super" wx:elif="{{infos.identity.identity_id == 1}}">
<image src="/static/img/user_identity_00.png"></image><text>{{infos.identity.name}}</text>
</view>
<view class="userHead-tips sage" wx:else>
<image src="/static/img/user_identity_01.png"></image><text>{{infos.identity.name}}</text>
</view>
</view>
<view class="userHead-text">
<view class="userHead-name">
@@ -36,23 +44,26 @@
<view class="userCard-cont">
<view class="userCard-clip">
<swiper class="userCard-swiper" autoplay="{{swiper.autoplay}}" interval="{{swiper.interval}}" duration="{{swiper.duration}}" current="{{currentId}}">
<swiper-item class="userCard-item" bindtap="swiperNav" data-type="{{item.type}}" wx:for="{{swiper.imgUrls}}" wx:key="swiper">
<!-- <swiper-item class="userCard-item" bindtap="swiperNav" data-type="{{item.type}}" wx:for="{{swiper.imgUrls}}" wx:key="swiper">
<image class="userCard-img" src="{{item.src}}" mode="scaleToFill" bindtap="bannerTap" data-id="{{item.id}}"></image>
<view class="userCard-parice" style="color:{{item.color}}" wx:if="{{isUser}}"><text>可用余额：</text>
<block wx:if="{{item.id == 0}}">{{account.silver}}</block>
<block wx:if="{{item.id == 1}}">{{account.gold}}</block>
<block wx:if="{{item.id == 2}}">{{account.balance}}</block>
<!-- 0.00 -->
</view>
</swiper-item>
<!-- <swiper-item class="userCard-item" bindtap="userNav" data-url="">
<image class="userCard-img" src="/static/img/user_card_01.png" mode="scaleToFill" bindtap="bannerTap" data-id="{{item.goods_id}}"></image>
<view class="userCard-parice" style="color: #f79210" wx:if="{{isUser}}"><text>余额：</text>{{infos.account.gold}}</view>
</swiper-item>
<swiper-item class="userCard-item" bindtap="userNav" data-url="">
<image class="userCard-img" src="/static/img/user_card_02.png" mode="scaleToFill" bindtap="bannerTap" data-id="{{item.goods_id}}"></image>
<view class="userCard-parice" style="color: #192b4c" wx:if="{{isUser}}"><text>余额：</text>{{infos.account.drill}}</view>
</swiper-item> -->
<swiper-item class="userCard-item" bindtap="swiperNav" data-type="silver">
<image class="userCard-img" src="/static/img/user_card_00.png" mode="scaleToFill" bindtap="bannerTap" data-id="0"></image>
<view class="userCard-parice" style="color: #676869" wx:if="{{isUser}}"><text>可用余额：</text>{{account.silver}}</view>
</swiper-item>
<swiper-item class="userCard-item" bindtap="swiperNav" data-type="drill">
<image class="userCard-img" src="/static/img/user_card_02.png" mode="scaleToFill" bindtap="bannerTap" data-id="1"></image>
<view class="userCard-parice" style="color: #192b4c" wx:if="{{isUser}}"><text>可用余额：</text>{{account.drill}}</view>
</swiper-item>
<swiper-item class="userCard-item" bindtap="swiperNav" data-type="balance" wx:if="{{infos.identity.identity_id != 0}}">
<image class="userCard-img" src="/static/img/user_card_01.png" mode="scaleToFill" bindtap="bannerTap" data-id="2"></image>
<view class="userCard-parice" style="color: #ff8f00" wx:if="{{isUser}}"><text>可用余额：</text>{{account.balance}}</view>
</swiper-item>
</swiper>
</view>
<image src="/static/icon/arrow_left.png" class='userCard-arrow-left' bindtap='nextImg'></image>
@@ -171,26 +182,26 @@
</view>
<!-- 我的工具 -->
<view class="userCard">
<view class="userCard" wx:if="{{isUser}}">
<view class="userCard-title">我的工具</view>
<view class="userOrder">
<view class="userOrder-label" bindtap="userNav" data-url="/pages/code/code">
<view class="userOrder-label" bindtap="userNav" data-url="/pages/userStored/userStored" wx:if="{{infos.identity.identity_id != 0}}">
<view class="userOrder-icon active">
<image src="/static/img/userOrder_07.png"></image>
</view>
<text>我的邀请码</text>
<text>储值分享</text>
</view>
<view class="userOrder-label" bindtap="userNav" data-url="/pages/recommend/recommend">
<view class="userOrder-label" bindtap="userNav" data-url="/pages/userGoods/userGoods" wx:if="{{infos.identity.identity_id != 0}}">
<view class="userOrder-icon active">
<image src="/static/img/userOrder_08.png"></image>
</view>
<text>我的推荐</text>
<text>产品分享</text>
</view>
<view class="userOrder-label" bindtap="userNav" data-url="/pages/favour/favour">
<view class="userOrder-icon active">
<image src="/static/img/userOrder_09.png"></image>
</view>
<text>积分赠与</text>
<text>红包赠予</text>
</view>
<view class="userOrder-label" bindtap="userNav" data-url="/pages/password_set/password_set">
<view class="userOrder-icon active">

70
pages/user/user.wxss
View File

@@ -7,18 +7,18 @@
}
.userHead-img {
width: 135rpx;
height: 135rpx;
width: 140rpx;
height: 140rpx;
border-radius: 50%;
position: relative;
}
.userHead-img image {
.userHead-img>image {
position: absolute;
left: 22rpx;
left: 10rpx;
top: 0;
width: 110rpx;
height: 110rpx;
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
@@ -27,27 +27,53 @@
height: 120rpx;
}
.userHead-img view {
display: inline-block;
.userHead-img .userHead-tips {
position: absolute;
bottom: 0;
left: 10rpx;
background: #c6c6c6;
border-radius: 30rpx;
color: #fff;
font-size: 24rpx;
padding: 4rpx 0;
width: 140rpx;
text-align: center;
width: 130rpx;
bottom: 0;
left: 0;
background: #c6c6c6;
color: #fff;
border-radius: 30rpx;
height: 42rpx;
line-height: 40rpx;
display: inline-block;
z-index: 99;
}
.userHead-img view.active {
width: 120rpx;
left: 18rpx;
.userHead-img .userHead-tips.super,
.userHead-img .userHead-tips.sage {
background: #000;
color: #fff;
}
.userHead-img .userHead-tips.default {
font-size: 24rpx;
text-align: center;
}
.userHead-img text {
font-size: 22rpx;
color: transparent;
font-weight: 700;
}
.userHead-img view.super text {
background-image: linear-gradient(135deg,#bcbcbc,#f1f1f1, #bcbcbc);
-webkit-background-clip:text;
}
.userHead-img view.sage text {
background-image: linear-gradient(135deg,#d4ac02,#fffa9a, #e0b500);
-webkit-background-clip:text;
}
.userHead-tips image {
width: 24rpx;
height: 24rpx;
margin-right: 5rpx;
vertical-align: -2rpx;
}
.userHead-text {
@@ -74,7 +100,7 @@
.userHead-name {
margin: 10rpx 0 20rpx;
font-size: 32rpx;
font-size: 36rpx;
font-weight: 600;
}
@@ -89,7 +115,7 @@
}
.userHead-tel {
font-size: 28rpx;
font-size: 32rpx;
}
/* 轮播图 */