You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
2.9 KiB
147 lines
2.9 KiB
<template>
|
|
<view class="">
|
|
<navigation :showBack="true" :bgnum="true">
|
|
<image src="../../../static/tongyonh/IconGroup.png" mode="aspectFit" class="renYou" slot="logo"></image>
|
|
<text class="big_title">
|
|
Address
|
|
</text>
|
|
</navigation>
|
|
<view class="main">
|
|
<view class="item flex">
|
|
<view class="textcon flex">
|
|
<image src="../../../static/tongyonh/Shape.png" mode="aspectFit" class="img1"></image>
|
|
<view class="bigcon">
|
|
<view class="text1">
|
|
初始地址
|
|
</view>
|
|
<view class="text1" style="color: #7D87A6;">
|
|
0xjdkdgdf1...dhkdef
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="btncon">
|
|
<image src="../../../static/tongyonh/more_vert_24px_outlined.svg" mode="aspectFit" class="img2">
|
|
</image>
|
|
<view class="text">
|
|
0.5
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="item flex">
|
|
<view class="textcon flex">
|
|
<image src="../../../static/tongyonh/Shape.png" v-if="false" mode="aspectFit" class="img1"></image>
|
|
<view class="bigcon">
|
|
<view class="text1">
|
|
初始地址
|
|
</view>
|
|
<view class="text1" style="color: #7D87A6;">
|
|
0xjdkdgdf1...dhkdef
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="btncon">
|
|
<image src="../../../static/tongyonh/more_vert_24px_outlined.svg" mode="aspectFit" class="img2">
|
|
</image>
|
|
<view class="text">
|
|
0.5
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="show_bottom">
|
|
<view class="tiao"></view>
|
|
<view class="title">
|
|
New address
|
|
</view>
|
|
<view class="bottom_con">
|
|
<u-checkbox-group @change="checkboxGroupChange">
|
|
<u-checkbox
|
|
@change="checkboxChange"
|
|
v-model="item.checked"
|
|
v-for="(item, index) in list" :key="index"
|
|
:name="item.name"
|
|
shape="circle"
|
|
size="48"
|
|
:wrap="true"
|
|
active-color="#5B53FF"
|
|
>
|
|
<view class="sss">
|
|
{{item.name}}
|
|
</view>
|
|
<input type="text" value="" placeholder="Please enter address information" class="input1" placeholder-style="color:#D0D0D2;fontSize:28rpx"
|
|
v-if="item.checked"/>
|
|
|
|
|
|
</u-checkbox>
|
|
</u-checkbox-group>
|
|
<view class="conf">
|
|
Confirm
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-mask z-index="10" :show="show" @click="show = false"></u-mask>
|
|
<view class="btnconn" v-if="false">
|
|
<view class="btn active">
|
|
Import addresses
|
|
</view>
|
|
<view class="btn">
|
|
New address
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import cont from "@/components/navigation/navigation.vue"
|
|
export default {
|
|
data() {
|
|
return {
|
|
show: true,
|
|
list: [
|
|
{
|
|
name: 'Single address',
|
|
checked: true,
|
|
disabled: false
|
|
},
|
|
{
|
|
name: 'Batch add 10 addresses',
|
|
checked: false,
|
|
disabled: false
|
|
},
|
|
{
|
|
name: 'Batch add 50 addresses',
|
|
checked: false,
|
|
disabled: false
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
page {
|
|
background: #FAFAFA;
|
|
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
@import './index.css';
|
|
</style>
|
|
|