sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.虚拟币开发--首页开发 

2024.3.6 sws
master
sws 2024-03-06 19:07:25 +08:00
parent b9cc3e2420
commit 63e9f3467c
4 changed files with 35 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages/plugins/coin/recharge/recharge.css
View File

@ -0,0 +1,7 @@
.recharge-title {
background: radial-gradient( 60% 70% at 90% 79%, rgba(33,125,239,0.85) 0%, #A6C8F3 100%);
padding-top: 130rpx;
/* #ifndef H5 */
padding-top: calc(var(--status-bar-height) + 5px + 130rpx);
/* #endif */
}

23
pages/plugins/coin/recharge/recharge.vue
View File

@ -3,30 +3,25 @@
<component-nav-back></component-nav-back>
<view>
<scroll-view :scroll-y="true" class="scroll-box" lower-threshold="60" @scroll="scroll_event">
<view class="coin-title flex-col padding-lg" :style="'background-image:url(' + wallet_static_url + 'title-bg.png)'">
<view class="recharge-title flex-col padding-lg">
<view class="margin-bottom-main flex-row jc-sb align-c margin-top-xl">
<view>
<view class="cr-base text-size-md">总数量</view>
<view class="text-size-40 fw-b">{{ is_price_show ? '5410.00' : '***' }}</view>
<view class="cr-white">
<view class="text-size-md">
<text>BTC</text>
<iconfont :name="is_price_show ? 'icon-wodeqianbao-eye' : 'icon-wodeqianbao-eyeclo2'" size="44rpx"></iconfont>
</view>
<view class="text-size-40 fw-b">38000</view>
</view>
<view @tap="price_change">
<iconfont :name="is_price_show ? 'icon-wodeqianbao-eye' : 'icon-wodeqianbao-eyeclo2'" size="44rpx"></iconfont>
</view>
</view>
<view class="flex-row jc-sb padding-bottom-main">
<view v-for="(item, index) in coin_oprate_list" class="tc text-size-xs" :key="index" :data-value="item.url" @tap="url_event">
<view class="coin-oprate-list bg-white flex-row align-c jc-c margin-bottom-main">
<iconfont :name="item.icon" size="44rpx" color="#635BFF"></iconfont>
</view>
<view>{{ item.name }}</view>
</view>
</view>
</view>
<view class="coin-content padding-lg">
<view class="recharge-content padding-lg">
<view class="bg-white radius-lg padding-lg">
<view v-for="(item, index) in coin_data" :key="index" class="flex-row jc-sb align-c" :class="coin_data.length == index + 1 ? '' : 'br-b-f5 margin-bottom-lg padding-bottom-lg'">
<view class="flex-1 flex-width flex-row align-c padding-right-main">
<image :src="item.img" mode="widthFix" class="coin-content-list-img round" />
<image :src="item.img" mode="widthFix" class="recharge-content-list-img round" />
<text class="fw-b single-text margin-left-main">{{ item.name }}</text>
</view>
<view class="flex-col">

9
pages/plugins/coin/user/user.css
View File

@ -15,9 +15,14 @@
border-radius: 32rpx;
}
.coin-content {
.coin-content .coin-item {
max-height: calc(100vh - 688rpx);
/* #ifndef H5 */
max-height: calc(100vh - 688rpx - var(--status-bar-height) - 5px);
/* #endif */
overflow-y: auto;
}
.coin-content-list-img {
--size: 80rpx;
width: var(--size);

22
pages/plugins/coin/user/user.vue
View File

@ -3,7 +3,7 @@
<component-nav-back></component-nav-back>
<view>
<scroll-view :scroll-y="true" class="scroll-box" lower-threshold="60" @scroll="scroll_event">
<view class="coin-title flex-col padding-lg" :style="'background-image:url(' + wallet_static_url + 'title-bg.png)'">
<view class="coin-title flex-col padding-lg" :style="'background-image:url(' + wallet_static_url + 'user-head-bg.png)'">
<view class="margin-bottom-main flex-row jc-sb align-c margin-top-xl">
<view>
<view class="cr-base text-size-md">总数量</view>
@ -23,15 +23,17 @@
</view>
</view>
<view class="coin-content padding-lg">
<view class="bg-white radius-lg padding-lg">
<view v-for="(item, index) in coin_data" :key="index" class="flex-row jc-sb align-c" :class="coin_data.length == index + 1 ? '' : 'br-b-f5 margin-bottom-lg padding-bottom-lg'">
<view class="flex-1 flex-width flex-row align-c padding-right-main">
<image :src="item.img" mode="widthFix" class="coin-content-list-img round" />
<text class="fw-b single-text margin-left-main">{{ item.name }}</text>
</view>
<view class="flex-col">
<view class="margin-bottom-xss">{{ item.num }}</view>
<view class="cr-grey-9">{{ item.price }}</view>
<view class="bg-white radius-lg padding-sm">
<view class="coin-item padding-main">
<view v-for="(item, index) in coin_data" :key="index" class="flex-row jc-sb align-c" :class="coin_data.length == index + 1 ? '' : 'br-b-f5 margin-bottom-lg padding-bottom-lg'">
<view class="flex-1 flex-width flex-row align-c padding-right-main">
<image :src="item.img" mode="widthFix" class="coin-content-list-img round" />
<text class="fw-b single-text margin-left-main">{{ item.name }}</text>
</view>
<view class="flex-col align-e">
<view class="margin-bottom-xss text-size">{{ item.num }}</view>
<view class="cr-grey-9">{{ item.price }}</view>
</view>
</view>
</view>
</view>