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

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;