罗世杰：完成首页数据分析、客服悬浮
This commit is contained in:
LuoShijie
@@ -63,7 +63,12 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="isADShow" class="list-ads bottom-common" style="font-size: 11px;">
|
||||
<view
|
||||
v-if="isADShow"
|
||||
class="list-ads bottom-common"
|
||||
style="font-size: 11px;"
|
||||
@click="handleAD()"
|
||||
>
|
||||
<view>
|
||||
<text>已将该店推给</text>
|
||||
<text style="color:#ce3b3b;margin: 0 4px;"> {{shopInfo.promotionNum}} </text>
|
||||
@@ -143,6 +148,11 @@
|
||||
uni.navigateTo({
|
||||
url: '/pages/detail/detail'
|
||||
})
|
||||
},
|
||||
handleAD(){
|
||||
uni.navigateTo({
|
||||
url: '/pages/publish/publishTransfer/publishTransfer'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,21 +7,39 @@
|
||||
height="320rpx"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<text class="text1">累计用户</text>
|
||||
<text class="num1">{{ sumUser.total }}</text>
|
||||
<view class="border border1"></view>
|
||||
<text class="num11">昨日新增{{ sumUser.yesterday }}位</text>
|
||||
|
||||
</view>
|
||||
<view class="right">
|
||||
<view>
|
||||
<u-image src="/static/statistics/sy_icon_ljzd1.png"
|
||||
width="340rpx"
|
||||
height="150rpx"
|
||||
/>
|
||||
<view class="right1">
|
||||
<view>
|
||||
<u-image src="/static/statistics/sy_icon_ljzd1.png"
|
||||
width="340rpx"
|
||||
height="150rpx"
|
||||
/>
|
||||
</view>
|
||||
<text class="text2">累计转店</text>
|
||||
<text class="num2">{{ sumTrans.total }}</text>
|
||||
<view class="border border2"></view>
|
||||
<text class="num21">昨日新增{{ sumTrans.yesterday }}位</text>
|
||||
|
||||
</view>
|
||||
<view>
|
||||
<u-image src="/static/statistics/sy_icon_ljzd0.png"
|
||||
width="340rpx"
|
||||
height="150rpx"
|
||||
/>
|
||||
<view class="right2">
|
||||
<view>
|
||||
<u-image src="/static/statistics/sy_icon_ljzd0.png"
|
||||
width="340rpx"
|
||||
height="150rpx"
|
||||
/>
|
||||
</view>
|
||||
<text class="text3">累计找店</text>
|
||||
<text class="num3">{{ sumSearch.total }}</text>
|
||||
<view class="border border3"></view>
|
||||
<text class="num22">昨日新增{{ sumSearch.yesterday }}位</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
@@ -29,6 +47,31 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
sumUser:{
|
||||
type:Object,
|
||||
default: {
|
||||
"total": 231753,
|
||||
"yesterday": 1345
|
||||
}
|
||||
},
|
||||
sumTrans:{
|
||||
type:Object,
|
||||
default: {
|
||||
"total": 231753,
|
||||
"yesterday": 1345
|
||||
}
|
||||
},
|
||||
sumSearch:{
|
||||
type:Object,
|
||||
default: {
|
||||
"total": 231753,
|
||||
"yesterday": 1345
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@@ -37,20 +80,101 @@
|
||||
margin: 10px 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: 800;
|
||||
text {
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
font-weight: 800;
|
||||
}
|
||||
.border {
|
||||
width: 229rpx;
|
||||
height: 49rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 1px 2px 0px rgba(178,247,214,0.42);
|
||||
border-radius: 0px 24px 24px 0px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.left {
|
||||
color: #06562E;
|
||||
position: relative;
|
||||
.text1 {
|
||||
|
||||
position: absolute;
|
||||
top: 39rpx;
|
||||
left: 33rpx;
|
||||
}
|
||||
.num1 {
|
||||
position: absolute;
|
||||
top: 76rpx;
|
||||
left: 33rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.num11 {
|
||||
position: absolute;
|
||||
top: 150rpx;
|
||||
left: 51rpx;
|
||||
line-height: 37rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
.border1 {
|
||||
position: absolute;
|
||||
top: 144rpx;
|
||||
left: 33rpx;
|
||||
}
|
||||
}
|
||||
.right{
|
||||
.right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
.right1 {
|
||||
position: relative;
|
||||
color: #7C441C;
|
||||
.border2 {
|
||||
position: absolute;
|
||||
top: 60rpx;
|
||||
left: 20rpx;
|
||||
}
|
||||
.text2 {
|
||||
position: absolute;
|
||||
top: 14rpx;
|
||||
left: 20rpx;
|
||||
}
|
||||
.num2 {
|
||||
position: absolute;
|
||||
top: 9rpx;
|
||||
left: 144rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.num21 {
|
||||
position: absolute;
|
||||
left: 38rpx;
|
||||
top: 66rpx;
|
||||
}
|
||||
}
|
||||
.right2 {
|
||||
position: relative;
|
||||
color: #912C2C;
|
||||
.border3 {
|
||||
position: absolute;
|
||||
top: 71rpx;
|
||||
left: 20rpx;
|
||||
}
|
||||
.text3 {
|
||||
position: absolute;
|
||||
left: 20rpx;
|
||||
top: 25rpx;
|
||||
}
|
||||
.num3 {
|
||||
position: absolute;
|
||||
top: 20rpx;
|
||||
left: 144rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.num22 {
|
||||
position: absolute;
|
||||
left: 38rpx;
|
||||
top: 77rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -2,6 +2,9 @@
|
||||
<view class="home-base-bg">
|
||||
<InputAndSwiper type='0'></InputAndSwiper>
|
||||
<view class="home-content">
|
||||
<view class="service">
|
||||
<u-image src="/static/statistics/sy_icon_lxkf.png" width="108rpx" height="108rpx"/>
|
||||
</view>
|
||||
<HomeNavCard></HomeNavCard>
|
||||
<HomeNoticeBar :text="notice" />
|
||||
<Statistics :data="statisticsNum" />
|
||||
@@ -34,11 +37,12 @@
|
||||
return {
|
||||
notice: '寒雨连江夜入吴 平明送客楚山孤 洛阳亲友如相问 一片冰心在玉壶',
|
||||
chooseIndex: 0,
|
||||
statisticsNum: [231753, 1345]
|
||||
statisticsNum: [231753, 1345],
|
||||
swiperList:[]
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
@@ -56,6 +60,12 @@
|
||||
|
||||
.home-content {
|
||||
margin: 0 10px;
|
||||
.service {
|
||||
position: fixed;
|
||||
right: 17rpx;
|
||||
top: 1109rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.show-and-search {
|
||||
|
||||
Reference in New Issue
Block a user