|
@@ -23,7 +23,8 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="summary-deco">
|
|
<view class="summary-deco">
|
|
|
- <sprite-icon name="qianbao" :size="120" custom-class="summary-wallet-icon" />
|
|
|
|
|
|
|
+ <!-- 红包 iconfont:分红页装饰用喜庆元素,可直接调色 -->
|
|
|
|
|
+ <text class="iconfont iconhongbao summary-festive-icon"></text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
@@ -130,12 +131,11 @@
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import AppWrapperEmpty from '@/components/app-wrapper-empty'
|
|
import AppWrapperEmpty from '@/components/app-wrapper-empty'
|
|
|
-import SpriteIcon from '@/components/sprite-icon/index.vue'
|
|
|
|
|
import { getDistributionMyStat, getDistributionFlowList, postDepositAvail } from '@/api/distribution'
|
|
import { getDistributionMyStat, getDistributionFlowList, postDepositAvail } from '@/api/distribution'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'myDividend',
|
|
name: 'myDividend',
|
|
|
- components: { AppWrapperEmpty, SpriteIcon },
|
|
|
|
|
|
|
+ components: { AppWrapperEmpty },
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
pageLoading: true,
|
|
pageLoading: true,
|
|
@@ -356,10 +356,19 @@ export default {
|
|
|
|
|
|
|
|
.summary-deco {
|
|
.summary-deco {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- right: 16upx;
|
|
|
|
|
- top: 24upx;
|
|
|
|
|
|
|
+ right: 20upx;
|
|
|
|
|
+ top: 28upx;
|
|
|
z-index: 1;
|
|
z-index: 1;
|
|
|
- opacity: 0.35;
|
|
|
|
|
|
|
+ opacity: 0.9;
|
|
|
|
|
+ pointer-events: none;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.summary-festive-icon {
|
|
|
|
|
+ font-size: 120upx;
|
|
|
|
|
+ line-height: 1;
|
|
|
|
|
+ /* 喜庆金红,贴合分红/红包语义 */
|
|
|
|
|
+ color: #ffe08a;
|
|
|
|
|
+ text-shadow: 0 4upx 16upx rgba(255, 200, 60, 0.45);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.stat-row {
|
|
.stat-row {
|