165 lines
3.5 KiB
Vue
165 lines
3.5 KiB
Vue
<template>
|
||
<view class="page">
|
||
<view class="sub-account-btn flex justify-end">
|
||
<view class="btns">新增子账号</view>
|
||
</view>
|
||
<view class="sub-center">
|
||
<view class="">
|
||
子账户默认可新增一个，请确认手机号正确无误
|
||
</view>
|
||
</view>
|
||
<view class="">
|
||
<view class="flex align-center sub-titles" style="">
|
||
<view class="wt-33">子账号用户名</view>
|
||
<view class="wt-33">手机号码</view>
|
||
<view class="wt-33">操作</view>
|
||
</view>
|
||
<view class="" style="padding: 0 32rpx;">
|
||
<view class="" style="border-bottom: 1rpx solid #C4C4C4;"></view>
|
||
</view>
|
||
<view class="">
|
||
<view class="flex align-center sub-content" v-for="it in 2">
|
||
<view class="wt-33">张三</view>
|
||
<view class="wt-33">18654236325</view>
|
||
<view class="wt-33 flex align-center">
|
||
<view class="con-btns" style="background: #D42E78;">删除</view>
|
||
<view class="con-btns" style="background: #FDCA40;margin-left: 6rpx;">修改</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<uni-popup ref="ADRef" type="center" :is-mask-click="false" maskBackgroundColor="rgba(0,0,0,0.7)">
|
||
<view class="flex flex-col align-center justify-center" style="width: 630rpx;height: 61vh;">
|
||
<swiper class="swiper" style="width: 630rpx;height: 58vh;" circular :autoplay="true"
|
||
:indicator-dots="true">
|
||
<swiper-item v-for="(item,index) in ADList" :key="index">
|
||
<image :src="item.bannerUrl" style="width: 630rpx;height: 50vh;border-radius: 30rpx;"
|
||
@click="handleAD(item)">
|
||
</image>
|
||
</swiper-item>
|
||
</swiper>
|
||
<text class="cuIcon-roundclose text-white" style="font-size: 68rpx !important;" @click="closeAd"></text>
|
||
</view>
|
||
</uni-popup>
|
||
<!-- 新增底部固定按钮 -->
|
||
<view class="fixed-bottom-btn">
|
||
<view class="btns">固定按钮</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
getBannerList
|
||
} from '@/api/bar.js'
|
||
import {
|
||
listFeaturePage
|
||
} from '@/api/platform.js'
|
||
|
||
export default {
|
||
components: {
|
||
|
||
},
|
||
data() {
|
||
return {
|
||
|
||
};
|
||
},
|
||
onLoad() {
|
||
|
||
|
||
},
|
||
onShow() {
|
||
|
||
},
|
||
|
||
|
||
methods: {
|
||
|
||
moreClick() {
|
||
// uni.navigateTo({
|
||
// url: "/pages/activityList/activityList"
|
||
// })
|
||
uni.navigateTo({
|
||
url: "/pagesMy/subAccount"
|
||
})
|
||
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
/deep/.uni-popup {
|
||
z-index: 1025;
|
||
}
|
||
|
||
.page {
|
||
height: 100vh;
|
||
overflow-y: auto;
|
||
font-family: Roboto;
|
||
width: 100%;
|
||
font-size: 24rpx;
|
||
.sub-account-btn {
|
||
width: 100%;
|
||
padding:42rpx 32rpx 24rpx 32rpx;
|
||
.btns {
|
||
width: 188rpx;
|
||
height: 64rpx;
|
||
background: #4E63E0;
|
||
font-size: 28rpx;
|
||
color: #FFF;
|
||
text-align: center;
|
||
line-height: 64rpx;
|
||
border-radius: 12rpx;
|
||
}
|
||
}
|
||
.sub-center {
|
||
padding-left: 32rpx;
|
||
color: #606060;
|
||
margin-bottom: 50rpx;
|
||
}
|
||
.sub-titles {
|
||
padding:0 32rpx 20rpx 32rpx;
|
||
text-align: center;
|
||
|
||
}
|
||
.sub-content{
|
||
padding:24rpx 32rpx 0rpx 32rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
color: #3D3D3D;
|
||
font-weight: 600;
|
||
.con-btns{
|
||
padding: 16rpx 24rpx;
|
||
border-radius: 12rpx;
|
||
color: #FFF;
|
||
}
|
||
}
|
||
.wt-33{
|
||
width: 33%;
|
||
}
|
||
/* 新增样式 */
|
||
.fixed-bottom-btn {
|
||
position: fixed;
|
||
bottom: 76rpx;
|
||
left: 0;
|
||
right: 0;
|
||
display: flex;
|
||
justify-content: center;
|
||
z-index: 1000;
|
||
padding:0 64rpx 0 32rpx;
|
||
.btns {
|
||
width: 100%;
|
||
height: 88rpx;
|
||
background: #4E63E0;
|
||
font-size: 28rpx;
|
||
color: #FFF;
|
||
text-align: center;
|
||
line-height: 88rpx;
|
||
border-radius: 12rpx;
|
||
|
||
}
|
||
}
|
||
}
|
||
</style> |