This commit is contained in:
parent
b5b0cd1f82
commit
ec64840880
|
|
@ -1,100 +0,0 @@
|
|||
<template>
|
||||
<u-popup v-model="localShow" :mode="mode" :border-radius="24">
|
||||
<view class="content">
|
||||
<view style="height: 1rpx;">
|
||||
<image src="../../../static/img/fz_icon_gb/fz_icon_gb.png" class="close"></image>
|
||||
</view>
|
||||
<view class="slectAddress">
|
||||
<view v-for="(item, index) in listJurisdiction" :key="index">
|
||||
<list-item>
|
||||
<template v-slot:left>
|
||||
<view>{{item.title}}</view>
|
||||
</template>
|
||||
<template v-slot:right>
|
||||
<image :src="item.iconCheck ? checkBoxImg[0] : checkBoxImg[1]" style="width: 50rpx; height: 50rpx;"></image>
|
||||
</template>
|
||||
</list-item>
|
||||
</view>
|
||||
</view>
|
||||
<u-button class="confim" @click="confim" shape="circle" :ripple="true" :plain="false">确认</u-button>
|
||||
</view>
|
||||
</u-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import listItem from '../../listitem/listItem.vue'
|
||||
export default {
|
||||
components: {
|
||||
listItem
|
||||
},
|
||||
props: {
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
mode: {
|
||||
type: String,
|
||||
default: 'bottom'
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
checkBoxImg: ['../../static/img/fz_icon_xz/fz_icon_xz.png', '../../static/img/fz_icon_gb/fz_icon_gb.png'],
|
||||
listJurisdiction: [
|
||||
{
|
||||
title: 'qqkld.net',
|
||||
iconCheck: true,
|
||||
},
|
||||
{
|
||||
title: '在线支付接口',
|
||||
iconCheck: false,
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
localShow: {
|
||||
get () {
|
||||
return this.show
|
||||
},
|
||||
set (val) {
|
||||
this.$emit('update:show', val)
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
confim () {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.close {
|
||||
margin: 24rpx 24rpx 0 0;
|
||||
float: right;
|
||||
height: 50rpx;
|
||||
width: 50rpx;
|
||||
}
|
||||
.slectAddress {
|
||||
margin: 125rpx 50rpx 38rpx 50rpx;
|
||||
}
|
||||
/deep/ .u-drawer__scroll-view {
|
||||
background-color: #2B3062;
|
||||
color: #FFFFFF;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.confim {
|
||||
margin: 0 45rpx 29rpx 45rpx;
|
||||
height: 90rpx;
|
||||
|
||||
background: linear-gradient(143deg, #EF6F5F 0%, #FB2636 100%);
|
||||
border-radius: 45rpx;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
&::after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -44,18 +44,22 @@
|
|||
</u-form-item>
|
||||
<button class="confim" @click="confim" v-if="!queryData.Id">确认</button>
|
||||
</u-form>
|
||||
<csub-address-select :show.sync="addressShow"></csub-address-select>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import listItem from '../../components/listitem/listItem.vue'
|
||||
import csubAddressSelect from '../../components/select/csubstation/csubAddressSelect.vue'
|
||||
export default {
|
||||
name: 'cosEdit',
|
||||
components: {
|
||||
listItem
|
||||
listItem,
|
||||
csubAddressSelect
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
addressShow: false,
|
||||
formData: {
|
||||
},
|
||||
rules: {
|
||||
|
|
@ -69,6 +73,7 @@
|
|||
methods: {
|
||||
domainSelectClick () {
|
||||
console.log('点击跳转')
|
||||
this.addressShow = true
|
||||
// 跳转到域名选择页
|
||||
// uni.navigateTo({})
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,7 +1,14 @@
|
|||
<template>
|
||||
<view class="box">
|
||||
<u-button class="onCreateBox" shape="circle" :ripple="true" @click="onCreateBtnClick" :plain="false">还未创建分站</u-button>
|
||||
<u-swiper :list="list" :effect3d="true" :border-radius="10" :effect3d-previous-margin="120" bgColor="transparent"></u-swiper>
|
||||
<u-button class="onCreateBox" shape="circle" :ripple="true" @click="onCreateBtnClick" :plain="false" mode="w">还未创建分站</u-button>
|
||||
<u-swiper :list="list" :effect3d="true" :border-radius="10" :effect3d-previous-margin="100" bgColor="transparent">
|
||||
<template v-slot:titleSlot="item">
|
||||
<view class="swiperContent">
|
||||
<view class="type">{{item.item.title}}</view>
|
||||
<view class="pece">{{item.item.pece}}</view>
|
||||
</view>
|
||||
</template>
|
||||
</u-swiper>
|
||||
<view class="titletip">
|
||||
<view class="line line-l"></view>
|
||||
<view>普通版权益</view>
|
||||
|
|
@ -22,26 +29,42 @@
|
|||
</template>
|
||||
</u-card>
|
||||
<u-button class="confim" @click="confim" shape="circle" :ripple="true" :plain="false">立即建站</u-button>
|
||||
<csub-address-select :show.sync="addressShow"></csub-address-select>
|
||||
<!-- <center-tip-dialog :show.sync="tipDialogShow" @gotoPay="gotoPay" label="您的余额不足请充值"></center-tip-dialog> -->
|
||||
<center-tip-dialog :show.sync="tipDialogShow" @gotoPay="gotoPay">
|
||||
<view>本次兑换将扣除您9元余额<br/>是否确认交易</view>
|
||||
</center-tip-dialog>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import listItem from '../../components/listitem/listItem.vue'
|
||||
import csubAddressSelect from '../../components/select/buttomDialog/csubAddressSelect.vue'
|
||||
import centerTipDialog from '../../components/select/csubstation/centerTipDialog.vue'
|
||||
import uSwiper from './swiper/swiper.vue'
|
||||
export default {
|
||||
name: 'createBefore',
|
||||
components: {
|
||||
listItem,
|
||||
csubAddressSelect
|
||||
centerTipDialog,
|
||||
uSwiper
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
addressShow: false,
|
||||
tipDialogShow: false,
|
||||
list: [
|
||||
{
|
||||
image: '../../static/img/fz_ptb/fz_ptb.png',
|
||||
title: ''
|
||||
title: '普通版分站',
|
||||
pece: '200元'
|
||||
},
|
||||
{
|
||||
image: '../../static/img/fz_zyb/fz_zyb.png',
|
||||
title: '专业版分站',
|
||||
pece: '400元'
|
||||
},
|
||||
{
|
||||
image: '../../static/img/fz_qjb/fz_qjb.png',
|
||||
title: '旗舰版分站',
|
||||
pece: '600元'
|
||||
}
|
||||
],
|
||||
checkBoxImg: ['../../static/img/fz_icon_xz/fz_icon_xz.png', '../../static/img/fz_icon_gb/fz_icon_gb.png'],
|
||||
|
|
@ -102,7 +125,11 @@
|
|||
|
||||
},
|
||||
confim () {
|
||||
this.addressShow = true
|
||||
this.tipDialogShow = true
|
||||
},
|
||||
// 去充值
|
||||
gotoPay () {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -112,6 +139,27 @@
|
|||
.box {
|
||||
padding-top: 20rpx
|
||||
}
|
||||
.swiperContent {
|
||||
text-align: center;
|
||||
& .type {
|
||||
display: inline-block;
|
||||
margin-top: 50rpx;
|
||||
width: 170rpx;
|
||||
height: 40rpx;
|
||||
font-weight: 500;
|
||||
background: #683724;
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
& .pece {
|
||||
margin-top: 27rpx;
|
||||
height: 56rpx;
|
||||
font-size: 40rpx;
|
||||
font-weight: 500;
|
||||
color: #683724;
|
||||
line-height: 56rpx;
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
}
|
||||
.onCreateBox {
|
||||
margin: 0 100rpx 40rpx 100rpx;
|
||||
height: 60rpx;
|
||||
|
|
|
|||
Loading…
Reference in New Issue