uniapp ui修改

pull/2/head
Jruome 2023-05-25 17:25:16 +08:00
parent 51581f66a6
commit debd84a7e0
7 changed files with 243 additions and 228 deletions

View File

@ -31,7 +31,7 @@
{
"path": "pages/member_equity/index",
"style": {
"navigationBarTitleText": "会员申请"
"navigationBarTitleText": "会员权益"
}
},
{
@ -43,7 +43,7 @@
{
"path": "pages/member_others/index",
"style": {
"navigationBarTitleText": "他人续费"
"navigationBarTitleText": "他人续费"
}
},
{
@ -614,7 +614,7 @@
"pagePath": "pages/member_equity/index",
"iconPath": "static/images/tabbar/nav_icon_member.png",
"selectedIconPath": "static/images/tabbar/nav_icon_member_active.png",
"text": "会员申请",
"text": "会员权益",
"visible":false
},
{

View File

@ -10,11 +10,12 @@
:class="[activeIndex.includes(index) && 'member-active',!!parseInt(item.isExist) && 'member-disbled', 'member-item']"
v-for="(item,index) in memberData" :key="index" @click="handleMember(item,index)">
<view class="member-image">
<image src='../../static/images/f.png'></image>
<image v-show="!!!parseInt(item.isExist)" src='../../static/images/success.png'></image>
<image v-show="!!parseInt(item.isExist)" src='../../static/images/disbled.png'></image>
</view>
<view class="member-text">
<view class="text-title">
<text>{{item.name.split('得')[0]}}<text>{{item.name.split('得')[1]}}</text></text>
<text>{{item.name.split('得')[0]}}<text>{{item.name.split('得')[1]}}</text></text>
<view></view>
</view>
<text class="text-content">{{item.gearRemarks}}</text>
@ -126,7 +127,7 @@
url:'/pages/member_record/index'
})
break;
case "他人充值":
case "他人充值":
uni.navigateTo({
url:'/pages/member_others/index'
})
@ -292,7 +293,7 @@
height: 100rpx;
border-radius: 35rpx;
background: linear-gradient(#FFEBB2, #FDCB3B);
padding: 16rpx;
padding: 6rpx 13rpx;
image {
width: 100%;
@ -340,7 +341,7 @@
background: linear-gradient(#FF995F, #DA0E00);
.member-image {
background: linear-gradient(#FF995F, #FDCB3B);
background: linear-gradient(#FF995F, #DA0E00);
}
.member-text {
@ -369,7 +370,7 @@
background: linear-gradient(#EFEFEF, #BCBCBC);
.member-image {
background: linear-gradient(#AAAAAA, #989898);
background: linear-gradient(#EFEFEF, #AAAAAA);
}
.member-text {

View File

@ -108,7 +108,7 @@
url:'/pages/member_record/index'
})
break;
case "他人充值":
case "他人充值":
uni.navigateTo({
url:'/pages/member_others/index'
})

View File

@ -13,7 +13,7 @@
<text>购买记录</text>
<image src="../../static/images/shopping-right.png" ></image>
</view>
<view class="left-others" @click="handleRouter('他人充值')">
<view class="left-others" @click="handleRouter('他人充值')">
代他人充值
<image src="../../static/images/others-right.png" ></image>
</view>
@ -138,7 +138,7 @@
url:'/pages/member_record/index'
})
break;
case "他人充值":
case "他人充值":
uni.navigateTo({
url:'/pages/member_others/index'
})

View File

@ -19,11 +19,12 @@
:class="[activeIndex.includes(index) && 'member-active',!!parseInt(item.isExist) && 'member-disbled', 'member-item']"
v-for="(item,index) in memberData" :key="index" @click="handleMember(item,index)">
<view class="member-image">
<image src='../../static/images/f.png'></image>
<image v-show="!!!parseInt(item.isExist)" src='../../static/images/success.png'></image>
<image v-show="!!parseInt(item.isExist)" src='../../static/images/disbled.png'></image>
</view>
<view class="member-text">
<view class="text-title">
<text>{{item.name.split('得')[0]}}<text>{{item.name.split('得')[1]}}</text></text>
<text>{{item.name.split('得')[0]}}<text>{{item.name.split('得')[1]}}</text></text>
<view></view>
</view>
<text class="text-content">{{item.gearRemarks}}</text>
@ -37,7 +38,7 @@
<paymentMember :payMode='payMode' :pay_close="pay_close" @onChangeFun='onChangeFun' :payInfo="payInfo">
</paymentMember>
<button class="box-submit" @click="goPay"></button>
<u-navbar autoBack title="他人充值"></u-navbar>
<u-navbar autoBack title="他人充值"></u-navbar>
</view>
</template>
@ -302,7 +303,7 @@
}
.member-list {
margin: 83rpx 30rpx 30rpx 30rpx;
margin: 53rpx 30rpx 20rpx 30rpx;
position: relative;
.member-item {
@ -314,11 +315,11 @@
border-radius: 20rpx;
.member-image {
width: 104rpx;
height: 104rpx;
width: 100rpx;
height: 100rpx;
border-radius: 35rpx;
background: linear-gradient(#FFEBB2, #FDCB3B);
padding: 20rpx;
padding: 6rpx 13rpx;
image {
width: 100%;
@ -366,7 +367,7 @@
background: linear-gradient(#FF995F, #DA0E00);
.member-image {
background: linear-gradient(#FF995F, #FDCB3B);
background: linear-gradient(#FF995F, #DA0E00);
}
.member-text {
@ -395,7 +396,7 @@
background: linear-gradient(#EFEFEF, #BCBCBC);
.member-image {
background: linear-gradient(#AAAAAA, #989898);
background: linear-gradient(#EFEFEF, #AAAAAA);
}
.member-text {
@ -417,8 +418,8 @@
color: #5C5C5C;
}
}
}
}
.member-prompt {
display: flex;
justify-content: center;

View File

@ -17,6 +17,7 @@
<text>日期{{item.stringCreateTime}}</text>
</view>
</view>
<u-empty v-show="!memberData.length" text="暂无数据" mode="list"></u-empty>
<u-navbar autoBack title="购买纪录"></u-navbar>
</view>
</template>
@ -104,6 +105,16 @@
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
.u-empty{
margin-top: 20% !important;
::v-deep .u-icon__icon{
font-size: 140rpx !important;
}
::v-deep .u-empty__text{
font-size: 30rpx !important;
}
}
.box-seach{
z-index: 999;
padding: 0 40rpx;

View File

@ -16,11 +16,12 @@
:class="[activeIndex.includes(index) && 'member-active',!!parseInt(item.isExist) && 'member-disbled', 'member-item']"
v-for="(item,index) in memberData" :key="index" @click="handleMember(item,index)">
<view class="member-image">
<image src='../../static/images/f.png'></image>
<image v-show="!!!parseInt(item.isExist)" src='../../static/images/success.png'></image>
<image v-show="!!parseInt(item.isExist)" src='../../static/images/disbled.png'></image>
</view>
<view class="member-text">
<view class="text-title">
<text>{{item.name.split('得')[0]}}<text>{{item.name.split('得')[1]}}</text></text>
<text>{{item.name.split('得')[0]}}<text>{{item.name.split('得')[1]}}</text></text>
<view></view>
</view>
<text class="text-content">{{item.gearRemarks}}</text>
@ -120,6 +121,7 @@ import store from '@/store/index';
*
*/
goPay() {
console.log(this.activeIndex)
if(this.activeIndex.length){
this.$set(this, 'pay_close', true);
const orderInfos = this.activeIndex.map((item) => {
@ -256,7 +258,7 @@ import store from '@/store/index';
}
.member-list {
margin: 83rpx 30rpx 30rpx 30rpx;
margin: 53rpx 30rpx 20rpx 30rpx;
position: relative;
.member-item {
@ -268,11 +270,11 @@ import store from '@/store/index';
border-radius: 20rpx;
.member-image {
width: 104rpx;
height: 104rpx;
width: 100rpx;
height: 100rpx;
border-radius: 35rpx;
background: linear-gradient(#FFEBB2, #FDCB3B);
padding: 20rpx;
padding: 6rpx 13rpx;
image {
width: 100%;
@ -320,7 +322,7 @@ import store from '@/store/index';
background: linear-gradient(#FF995F, #DA0E00);
.member-image {
background: linear-gradient(#FF995F, #FDCB3B);
background: linear-gradient(#FF995F, #DA0E00);
}
.member-text {
@ -349,7 +351,7 @@ import store from '@/store/index';
background: linear-gradient(#EFEFEF, #BCBCBC);
.member-image {
background: linear-gradient(#AAAAAA, #989898);
background: linear-gradient(#EFEFEF, #AAAAAA);
}
.member-text {
@ -371,8 +373,8 @@ import store from '@/store/index';
color: #5C5C5C;
}
}
}
}
.member-prompt {
display: flex;
justify-content: center;