调整页面
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view class="crystal">
|
||||
<view>
|
||||
<!-- 签到成功弹出 -->
|
||||
<view class="signBack" v-if="sign.signShow"></view>
|
||||
<view class="signPop" v-if="sign.signShow">
|
||||
@@ -16,9 +16,8 @@
|
||||
|
||||
<!-- 签到 -->
|
||||
<view class="signCont">
|
||||
<view class="content-title">
|
||||
每日签到,能量碎片多多<image @click="showHelp" class="content-title-img" src="../../static/user/sign_privilege.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="content-title">发现更多</view>
|
||||
<view class="content-sumite">海量能量碎片等你解锁</view>
|
||||
<view class="sign">
|
||||
<view class="sign-list" :class="{ active: item.sign }" v-for="(item, index) in sign.signArr" :key="index">
|
||||
<view class="sign-tips" v-if="item.sign">
|
||||
@@ -244,20 +243,27 @@
|
||||
|
||||
// 签到
|
||||
.signCont {
|
||||
@extend .ios-top;
|
||||
background: #7c52fc;
|
||||
color: #FFFFFF;
|
||||
padding-bottom: 80rpx;
|
||||
.content-title {
|
||||
font-size: 40rpx;
|
||||
padding: 50rpx 45rpx;
|
||||
padding: ($padding/2) 45rpx 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
font-weight: bold;
|
||||
.content-title-img {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin: 12rpx 20rpx;
|
||||
}
|
||||
}
|
||||
.content-sumite{
|
||||
padding: 0 45rpx 50rpx 45rpx;
|
||||
font-size: $title-size-sm;
|
||||
color: rgba($color: white, $alpha: .6);
|
||||
}
|
||||
.sign {
|
||||
margin: 0 0 30rpx;
|
||||
padding: 0 30rpx;
|
||||
@@ -324,6 +330,8 @@
|
||||
|
||||
// 签到按钮
|
||||
.signBtn {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 0 40rpx;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
@@ -348,8 +356,10 @@
|
||||
|
||||
// 水晶任务
|
||||
.task{
|
||||
padding: 60rpx 30rpx;
|
||||
margin-top: -50rpx;
|
||||
padding: 110rpx 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
background: white;
|
||||
.task-liest {
|
||||
font-weight: bold;
|
||||
font-size: 34rpx;
|
||||
|
||||
Reference in New Issue
Block a user