1679867915
/
purchase
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改

This commit is contained in:
tianpengcheng 2021-02-24 12:29:35 +08:00
parent b5b0cd1f82
commit ec64840880
3 changed files with 62 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
components/select/buttomDialog/csubAddressSelect.vue
View File

@ -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>

7
pages/csubstation/edit.vue
View File

@ -44,18 +44,22 @@
</u-form-item> </u-form-item>
<button class="confim" @click="confim" v-if="!queryData.Id">确认</button> <button class="confim" @click="confim" v-if="!queryData.Id">确认</button>
</u-form> </u-form>
<csub-address-select :show.sync="addressShow"></csub-address-select>
</view> </view>
</template> </template>
<script> <script>
import listItem from '../../components/listitem/listItem.vue' import listItem from '../../components/listitem/listItem.vue'
import csubAddressSelect from '../../components/select/csubstation/csubAddressSelect.vue'
export default { export default {
name: 'cosEdit', name: 'cosEdit',
components: { components: {
listItem listItem,
csubAddressSelect
}, },
data () { data () {
return { return {
addressShow: false,
formData: { formData: {
}, },
rules: { rules: {
@ -69,6 +73,7 @@
methods: { methods: {
domainSelectClick () { domainSelectClick () {
console.log('点击跳转') console.log('点击跳转')
this.addressShow = true
// 跳转到域名选择页 // 跳转到域名选择页
// uni.navigateTo({}) // uni.navigateTo({})
}, },

64
pages/csubstation/index.vue
View File

@ -1,7 +1,14 @@
<template> <template>
<view class="box"> <view class="box">
<u-button class="onCreateBox" shape="circle" :ripple="true" @click="onCreateBtnClick" :plain="false">还未创建分站</u-button> <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="120" bgColor="transparent"></u-swiper> <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="titletip">
<view class="line line-l"></view> <view class="line line-l"></view>
<view>普通版权益</view> <view>普通版权益</view>
@ -22,26 +29,42 @@
</template> </template>
</u-card> </u-card>
<u-button class="confim" @click="confim" shape="circle" :ripple="true" :plain="false">立即建站</u-button> <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> </view>
</template> </template>
<script> <script>
import listItem from '../../components/listitem/listItem.vue' 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 { export default {
name: 'createBefore', name: 'createBefore',
components: { components: {
listItem, listItem,
csubAddressSelect centerTipDialog,
uSwiper
}, },
data () { data () {
return { return {
addressShow: false, tipDialogShow: false,
list: [ list: [
{ {
image: '../../static/img/fz_ptb/fz_ptb.png', 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'], checkBoxImg: ['../../static/img/fz_icon_xz/fz_icon_xz.png', '../../static/img/fz_icon_gb/fz_icon_gb.png'],
@ -102,7 +125,11 @@
}, },
confim () { confim () {
this.addressShow = true this.tipDialogShow = true
},
// 去充值
gotoPay () {
} }
} }
} }
@ -112,6 +139,27 @@
.box { .box {
padding-top: 20rpx 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 { .onCreateBox {
margin: 0 100rpx 40rpx 100rpx; margin: 0 100rpx 40rpx 100rpx;
height: 60rpx; height: 60rpx;