60 lines
1.9 KiB
Vue
60 lines
1.9 KiB
Vue
<template>
|
|
<view class="disjcac fc">
|
|
<view @tap="passagewayModeEv(0)" class="way-item-box disjcac fc">
|
|
<view class="posir">
|
|
<image class="way-head" src="/static/icon/icon-head.png" mode=""></image>
|
|
<view class="posir disjcac icon-box">
|
|
<image class="posia" src="../../static/icon/icon-green.png" mode=""></image>
|
|
<image class="posia" src="../../static/icon/icon-sussess.png" style="width: 34rpx;height: 22rpx;z-index: 1;" mode=""></image>
|
|
</view>
|
|
</view>
|
|
<view class="colf fon42 mar-s30">实名通道</view>
|
|
</view>
|
|
<view @tap="passagewayModeEv(1)" class="way-item-box disjcac fc" style="margin: 0;">
|
|
<view class="posir">
|
|
<image class="way-head" src="/static/icon/icon-head.png" mode=""></image>
|
|
<view class="posir disjcac icon-box">
|
|
<image class="posia" src="../../static/icon/icon-gray.png" mode=""></image>
|
|
<image class="posia" src="../../static/icon/icon-close.png" style="width: 26rpx;height: 26rpx;z-index: 1;" mode=""></image>
|
|
</view>
|
|
</view>
|
|
<view class="colf fon42 mar-s30">匿名通道</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
// 通道方式
|
|
passagewayModeEv(index){
|
|
this.$store.commit('setAnonymous',[false,true][index])
|
|
uni.navigateTo({
|
|
url:`/pagesA/opinion-submit/opinion-submit`
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.way-item-box{
|
|
width: 484rpx;
|
|
height: 280rpx;
|
|
border-radius: 30rpx;
|
|
margin: 290rpx 0 176rpx 0;
|
|
background: linear-gradient(to top right,#c0c0c0 0%, #9c9c9c 100%);
|
|
}
|
|
.way-head{width: 144rpx;height: 144rpx;vertical-align: middle;}
|
|
.icon-box{width: 67rpx;height: 67rpx;top: 10rpx; right: -100rpx;margin-top: -67rpx;}
|
|
.icon-box image:first-child{width: 67rpx;height: 67rpx;z-index: 0;}
|
|
.way-item-box:first-child{
|
|
background: linear-gradient(to top right,#38e3ad 0%, #55d3c3 100%);
|
|
}
|
|
</style>
|