|
@@ -32,9 +32,9 @@
|
|
|
<view class="sales-primary">
|
|
<view class="sales-primary">
|
|
|
<text class="label">今日销售额(元)</text>
|
|
<text class="label">今日销售额(元)</text>
|
|
|
<text class="primary-value">{{ formatMoney(overview.todaySales || 0) }}</text>
|
|
<text class="primary-value">{{ formatMoney(overview.todaySales || 0) }}</text>
|
|
|
- <view class="compare" v-if="overview.todayCompare !== undefined">
|
|
|
|
|
|
|
+ <view class="compare" v-if="overview.todayCompare != null">
|
|
|
<text class="compare-text">较昨日</text>
|
|
<text class="compare-text">较昨日</text>
|
|
|
- <text class="compare-value">{{ overview.todayCompare >= 0 ? '+' : '' }}{{ overview.todayCompare || 0 }}%</text>
|
|
|
|
|
|
|
+ <text class="compare-value">{{ overview.todayCompare > 0 ? '+' : '' }}{{ overview.todayCompare || 0 }}%</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="sales-secondary">
|
|
<view class="sales-secondary">
|
|
@@ -245,7 +245,9 @@ onMounted(() => {
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.page {
|
|
.page {
|
|
|
- min-height: 100vh;
|
|
|
|
|
|
|
+ height: 100vh;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
background: $bg-color-page;
|
|
background: $bg-color-page;
|
|
|
padding-bottom: 140rpx;
|
|
padding-bottom: 140rpx;
|
|
|
}
|
|
}
|
|
@@ -332,7 +334,7 @@ onMounted(() => {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
margin-bottom: 12rpx;
|
|
margin-bottom: 12rpx;
|
|
|
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
|
|
|
|
|
|
|
+ box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
|
|
&:active { opacity: 0.85; }
|
|
&:active { opacity: 0.85; }
|
|
|
}
|
|
}
|
|
@@ -372,7 +374,7 @@ onMounted(() => {
|
|
|
border-radius: 18rpx;
|
|
border-radius: 18rpx;
|
|
|
padding: 24rpx;
|
|
padding: 24rpx;
|
|
|
margin-bottom: 12rpx;
|
|
margin-bottom: 12rpx;
|
|
|
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
|
|
|
|
|
|
|
+ box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.sales-main {
|
|
.sales-main {
|
|
@@ -397,7 +399,7 @@ onMounted(() => {
|
|
|
.primary-value {
|
|
.primary-value {
|
|
|
font-size: 56rpx;
|
|
font-size: 56rpx;
|
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
|
- color: $primary-color;
|
|
|
|
|
|
|
+ color: $text-color-primary;
|
|
|
line-height: 1;
|
|
line-height: 1;
|
|
|
margin-bottom: 8rpx;
|
|
margin-bottom: 8rpx;
|
|
|
}
|
|
}
|
|
@@ -407,7 +409,7 @@ onMounted(() => {
|
|
|
font-size: 22rpx;
|
|
font-size: 22rpx;
|
|
|
}
|
|
}
|
|
|
.compare-text { color: $text-color-muted; margin-right: 8rpx; }
|
|
.compare-text { color: $text-color-muted; margin-right: 8rpx; }
|
|
|
-.compare-value { color: $primary-color; font-weight: 600; }
|
|
|
|
|
|
|
+.compare-value { color: $text-color-secondary; font-weight: 500; }
|
|
|
|
|
|
|
|
.sales-secondary {
|
|
.sales-secondary {
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -469,7 +471,7 @@ onMounted(() => {
|
|
|
border-radius: 18rpx;
|
|
border-radius: 18rpx;
|
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
|
margin-bottom: 12rpx;
|
|
margin-bottom: 12rpx;
|
|
|
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
|
|
|
|
|
|
|
+ box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.device-row {
|
|
.device-row {
|
|
@@ -548,7 +550,7 @@ onMounted(() => {
|
|
|
border-radius: 18rpx;
|
|
border-radius: 18rpx;
|
|
|
padding: 24rpx 20rpx;
|
|
padding: 24rpx 20rpx;
|
|
|
margin-bottom: 12rpx;
|
|
margin-bottom: 12rpx;
|
|
|
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
|
|
|
|
|
|
|
+ box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.todo-row {
|
|
.todo-row {
|
|
@@ -590,7 +592,7 @@ onMounted(() => {
|
|
|
border-radius: 18rpx;
|
|
border-radius: 18rpx;
|
|
|
padding: 20rpx 16rpx 16rpx;
|
|
padding: 20rpx 16rpx 16rpx;
|
|
|
margin-bottom: 12rpx;
|
|
margin-bottom: 12rpx;
|
|
|
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.04);
|
|
|
|
|
|
|
+ box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
|
|
.card-title {
|
|
.card-title {
|
|
|
padding: 0 8rpx;
|
|
padding: 0 8rpx;
|