update style
This commit is contained in:
@ -1,4 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
"usingComponents": {
|
||||
"t-icon": "tdesign-miniprogram/icon/icon"
|
||||
}
|
||||
}
|
||||
@ -23,31 +23,9 @@ page {
|
||||
}
|
||||
|
||||
.snowflake {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
color: var(--theme-brand-gao);
|
||||
display: block;
|
||||
position: absolute;
|
||||
animation: snowflakeFall linear infinite;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background: var(--theme-brand-gao);
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
&::before {
|
||||
top: 45%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 10%;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: 45%;
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@ Component({
|
||||
createSnowflake() {
|
||||
const snowflake = {
|
||||
x: Toolkit.random(0, this.data.docWidth),
|
||||
s: Toolkit.random(6, 20),
|
||||
s: Toolkit.random(16, 64),
|
||||
speed: Toolkit.random(14, 26)
|
||||
};
|
||||
this.setData({
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
<!--components/background/snow/index.wxml-->
|
||||
<view class="snowflakes" style="width: {{docWidth}}px; height: {{docHeight}}px;">
|
||||
<view
|
||||
<t-icon
|
||||
class="snowflake"
|
||||
wx:for="{{snowflakes}}"
|
||||
wx:key="index"
|
||||
style="left: {{item.x}}px; width: {{item.s}}px; height: {{item.s}}px; animation-duration: {{item.speed}}s;"
|
||||
></view>
|
||||
style="left: {{item.x}}px; font-size: {{item.s}}rpx; animation-duration: {{item.speed}}s;"
|
||||
name="snowflake"
|
||||
/>
|
||||
</view>
|
||||
|
||||
@ -57,7 +57,7 @@
|
||||
padding: 4rpx 12rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
background: var(--theme-bg-journal);
|
||||
background: var(--theme-bg-card);
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@ -81,7 +81,7 @@
|
||||
padding: 4rpx 12rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
background: var(--theme-bg-journal);
|
||||
background: var(--theme-bg-card);
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@ -43,9 +43,6 @@
|
||||
<t-tag wx:if="{{item.importance}}" theme="success" variant="outline">
|
||||
重要性 {{item.importance}}
|
||||
</t-tag>
|
||||
<t-tag wx:if="{{item.travelCount > 0}}" theme="default" variant="outline">
|
||||
已出行 {{item.travelCount}} 次
|
||||
</t-tag>
|
||||
<t-tag wx:if="{{item.requireIdCard}}" theme="danger" variant="outline">
|
||||
需要身份证
|
||||
</t-tag>
|
||||
|
||||
Reference in New Issue
Block a user