TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

碎片样式调整

Browse Source
This commit is contained in:
张冬雪
2021-09-25 16:27:55 +08:00
parent b607dd1a19
commit 88a5e4cf86
3 changed files with 28 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/wallet/fragment.vue
View File

@@ -34,7 +34,7 @@
<image src="/static/imgs/record-icon.png" mode="widthFix" class="record-icon" />
<view class="">
<view class="record-list-item-top">
<view class="title ellipsis-1">完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片</view>
<view class="title ellipsis-2">完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片</view>
<view class="money" >{{cointype==='in'?'+':'-'}}5</view>
</view>
<view class="record-list-item-date">2021-12-22 12:12:12</view>
@@ -206,6 +206,7 @@
bottom: 0;
right: 0;
z-index: 1;
opacity: .5;
}
.record-top-nav {
@@ -315,8 +316,9 @@
width: 600rpx;
.title {
font-size: 30rpx;
font-size: 32rpx;
width: 600rpx;
color: #444;
}
.money {

34
pages/wallet/property.vue
View File

@@ -1,6 +1,7 @@
<template>
<view class="propertyIndex">
<view class="propery">
<image src="/static/imgs/account-bg.png" mode="aspectFill" class="record-bg" />
<view class="propery-content">
<view class="currency">能量球 (≈ {{ price || '0' }} CNY)</view>
<view class="balance">{{ balance.balance || '0' }}</view>
@@ -241,18 +242,31 @@
position: relative;
padding-top: var(--status-bar-height);
background-image: linear-gradient(to right, #7c52fc, #976dff);
&::before {
position: relative;
overflow: hidden;
.record-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: " ";
background-image: url(@/static/background/wallet-back.png);
background-size: 100%;
background-repeat: no-repeat;
width: 120%;
height: 300rpx;
bottom: -10rpx;
right: -20rpx;
z-index: 1;
opacity: .5;
transform:rotate(-7deg);
}
// &::before {
// position: absolute;
// left: 0;
// top: 0;
// width: 100%;
// height: 100%;
// content: " ";
// background-image: url(@/static/imgs/account-bg.png);
// background-size: 100%;
// background-repeat: no-repeat;
// opacity: .5;
// transform:rotate(0deg);
// }
.propery-content {
position: relative;