charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
money
2025-11-11 18:27:56 +08:00
parent 39a9252576
commit ad378f164d
8 changed files with 674 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/rwa_package/account/components/account-item-two.vue
+121
View File
@@ -0,0 +1,121 @@
<template>
<view class="shop-item-view" v-if="dataItem">
<image src="/static/new/alpha.png" v-if="dataItem.name != 'WALLET'"></image>
<image src="/static/new/no_black_data.png" v-else></image>
<view class="shop-mid-view-one" v-if="dataItem.name != 'WALLET'">
<text class="text-32 text-zu1 text-overflow">{{dataItem.account}}</text>
</view>
<view class="shop-mid-view" v-else>
<text class="text-32 text-zu1 text-overflow">BNB Smart Chain（BEP20）</text>
<text class="text-32 text-fu1 text-overflow">{{address}}</text>
</view>
<view class="biao-view">
<text class="text-20 text-zi" style="line-height: 1.2;">{{dataItem.name != 'WALLET' ? 'Alpha账户' : '区块链账户'}}</text>
</view>
<view class="jie-bind" @click="onJie">
<text class="text-zu1 text-24">解绑</text>
</view>
</view>
</template>
<script>
import func from '@/utils/func.js';
export default {
props:{
dataItem:{
type:Object,
default:null
},
},
computed:{
address(){
let tmp = '';
console.log('this.data',this.dataItem)
if(this.dataItem && this.dataItem.name == 'WALLET'){
this.dataItem.address = func.addressTurn(this.dataItem.account,6);
tmp = this.dataItem.address;
}
return tmp;
}
},
mounted(){
},
methods: {
onJie(){
this.$emit('jie',this.dataItem);
}
}
}
</script>
<style lang="scss" scoped>
.shop-item-view{
width:100%;
min-height:152rpx;
display: flex;
flex-direction: row;
align-items: center;
padding: 32rpx 28rpx;
box-sizing: border-box;
position: relative;
border-radius: 12rpx;
overflow: hidden;
background-color: #fff;
margin-top:24rpx;
border:2rpx solid #e3e3e3;
.jie-bind{
height:48rpx;
width:112rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius:24rpx;
position: absolute;
right:32rpx;
bottom:24rpx;
background-color: #F3F3F3;
}
.biao-view{
padding: 0 12rpx;
display: flex;
align-items: center;
justify-content: center;
height:36rpx;
min-height:36rpx;
position: absolute;
border-radius: 0px 12rpx 0px 12rpx;
top:0;
right:0;
background-color: #F2EBFE;
}
.shop-mid-view{
margin:0 24rpx;
display: flex;
flex:1;
height:88rpx;
min-height:88rpx;
flex-direction: column;
justify-content: space-between;
}
.shop-mid-view-one{
margin:0 24rpx;
display: flex;
flex:1;
height:88rpx;
min-height:88rpx;
flex-direction: column;
justify-content: center;
}
image{
width:88rpx;
min-width:88rpx;
height:88rpx;
}
}
</style>
pages/rwa_package/account/components/select-lian.vue
+18 -19
View File
@@ -38,33 +38,34 @@ import func from '@/utils/func.js';
}
},
components: { MyBtn },
computed:{
data(){
let tmp = [];
if(this.itemData.length){
this.itemData.forEach(item=>{
console.log('item',item)
item.addressOne = func.addressTurn(item.account,6);
})
tmp = this.itemData;
}
return tmp;
}
},
props:{
itemShow:{
type:Boolean,
default:false
},
itemData:{
type:[Array,Object],
default:()=>{}
type:Array,
default:[]
},
type:{
type:[Number,String],
default:'0'
}
},
computed:{
data(){
let tmp = [];
if(this.itemData && this.itemData.length){
this.itemData.forEach(item=>{
console.log('item',item)
item.addressOne = func.addressTurn(item.account,6);
})
tmp = this.itemData;
}
return tmp || [];
}
},
mounted(){
},
methods: {
@@ -90,7 +91,7 @@ import func from '@/utils/func.js';
align-items: center;
justify-content: center;
border:2rpx solid #7934f6;
border-radius: 12rpx;
border-radius: 8rpx;
image{
width:32rpx;
height:32rpx;
@@ -142,11 +143,9 @@ import func from '@/utils/func.js';
width:98%;
height:152rpx;
min-height:152rpx;
border-radius: 16rpx;
border-radius: 8rpx;
margin-top:24rpx;
background: #FFFFFF;
box-shadow: 0px 0px 16rpx 0px #F4F4F4;
border-radius: 16px;
border: 1px solid #E3E3E3;
padding: 32rpx;
box-sizing: border-box;