|
|
@@ -1,89 +1,52 @@
|
|
|
<template>
|
|
|
- <view class="latest-content_box">
|
|
|
- <view class="shop-list_box" v-if="showGlInfo == 0">
|
|
|
-
|
|
|
- <block v-if="loginStyle == 0">
|
|
|
- <view style="width:100vw;height:500upx;display:flex;align-items:center;justify-content:center;">
|
|
|
- <button class="admin-button-com big blue" style="border:none;" @click="pageTo({url:'/pages/login/index'})">点我登录</button>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- <block v-else>
|
|
|
+ <view>
|
|
|
+ <view class="shop-list_box">
|
|
|
|
|
|
+ <block v-if="loginStyle == 0">
|
|
|
+ <view style="width:100vw;height:500upx;display:flex;align-items:center;justify-content:center;">
|
|
|
+ <button class="admin-button-com big blue" style="border:none;" @click="pageTo({url:'/pages/login/index'})">点我登录</button>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block v-else>
|
|
|
|
|
|
- <view class="ghs_list_page flex-col" v-if="!$util.isEmpty(list)">
|
|
|
+ <view class="ghs_list_page flex-col" v-if="!$util.isEmpty(list.data)">
|
|
|
|
|
|
- <view style="background-color:white;margin-bottom:20upx;display: flex;flex-direction: row;justify-content: space-around;">
|
|
|
- <button class="admin-button-com mini-btn blue top-button" @click="">修改密码</button>
|
|
|
- <button class="admin-button-com mini-btn blue top-button" @click="">改进建议</button>
|
|
|
- <button class="admin-button-com mini-btn blue top-button" @click="">我的地址</button>
|
|
|
- <button class="admin-button-com mini-btn blue top-button" @click="">采购统计</button>
|
|
|
- <button class="admin-button-com mini-btn blue top-button" @click="logout()">退出登录</button>
|
|
|
- </view>
|
|
|
+ <view style="background-color:white;margin-bottom:20upx;display: flex;flex-direction: row;justify-content: space-around;">
|
|
|
+ <button class="admin-button-com mini-btn blue top-button" @click="">修改密码</button>
|
|
|
+ <button class="admin-button-com mini-btn blue top-button" @click="">改进建议</button>
|
|
|
+ <button class="admin-button-com mini-btn blue top-button" @click="">我的地址</button>
|
|
|
+ <button class="admin-button-com mini-btn blue top-button" @click="">采购统计</button>
|
|
|
+ <button class="admin-button-com mini-btn blue top-button" @click="logout()">退出登录</button>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="ghs_list_area flex-col justify-end">
|
|
|
+ <view class="ghs_list_area flex-col justify-end">
|
|
|
|
|
|
- <view class="ghs_box flex-col justify-end" v-for="item in list" :key="item.id">
|
|
|
- <view class="image-text_7 flex-row justify-between" @click.stop="bug(item)">
|
|
|
- <view class="section_1 flex-col">
|
|
|
- <image class="logo" :src="item.smallAvatar" />
|
|
|
+ <view class="ghs_box flex-col justify-end" v-for="item in list.data" :key="item.id">
|
|
|
+ <view class="image-text_7 flex-row justify-between" @click.stop="bug(item)">
|
|
|
+ <view class="section_1 flex-col">
|
|
|
+ <image class="logo" :src="item.smallAvatar" />
|
|
|
+ </view>
|
|
|
+ <view class="text-group_7 flex-col justify-between">
|
|
|
+ <text class="text_8">{{item.name}}</text>
|
|
|
+ <text class="text_9">{{item.address}}{{item.floor}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text-group_7 flex-col justify-between">
|
|
|
- <text class="text_8">{{item.name}}</text>
|
|
|
- <text class="text_9">{{item.address}}{{item.floor}}</text>
|
|
|
+ <view class="box_4 flex-col"></view>
|
|
|
+ <view class="box_9">
|
|
|
+ <view class="tag_2" @click="showTip()"> <text>待结订单</text> </view>
|
|
|
+ <view class="tag_2" @click="showTip()"> <text>结账记录</text> </view>
|
|
|
+ <view class="tag_2" @click="getBuyList()"> <text>买花记录</text> </view>
|
|
|
</view>
|
|
|
+ <view class="button_4 flex-col" @click.stop="bug(item)"><text class="text_13">买花</text></view>
|
|
|
</view>
|
|
|
- <view class="box_4 flex-col"></view>
|
|
|
- <view class="box_9">
|
|
|
- <view class="tag_2" @click="showTip()"> <text>待结订单</text> </view>
|
|
|
- <view class="tag_2" @click="showTip()"> <text>结账记录</text> </view>
|
|
|
- <view class="tag_2" @click="getBuyList()"> <text>买花记录</text> </view>
|
|
|
- </view>
|
|
|
- <view class="button_4 flex-col" @click.stop="bug(item)"><text class="text_13">买花</text></view>
|
|
|
- </view>
|
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view v-else>
|
|
|
- <text style="margin-top:200upx;margin-left:80upx;font-size:30upx;font-weight:bold;">暂无花店</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- </block>
|
|
|
+ <view v-else>
|
|
|
+ <text style="margin-top:200upx;margin-left:80upx;font-size:30upx;font-weight:bold;">暂无花店</text>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
|
|
|
- </view>
|
|
|
- <view class="app-main app-content" v-else>
|
|
|
- <app-swiper :list="ad" />
|
|
|
- <view class="shop-wrap">
|
|
|
- <view class="shop-tit">花卉宝</view>
|
|
|
- <view>厦门市中花汇信息有限公司，成立于2015年，目前旗下有销花宝、花卉宝和花掌柜三个品牌，公司致力于帮助花店更轻松高效管理花店。</view>
|
|
|
- </view>
|
|
|
- <view class="list-content">
|
|
|
- <tui-list-view class="tui-list-view">
|
|
|
- <tui-list-cell :lineLeft="false" :lineRight="false" class="tui-list" >
|
|
|
- <view class="list-wrap">
|
|
|
- <view class="list-label">营业时间</view>
|
|
|
- <view class="list-val">{{ shop.openTime || '08:00-22:00' }}</view>
|
|
|
- </view>
|
|
|
- </tui-list-cell>
|
|
|
- <tui-list-cell @click="phoneCall" :lineLeft="false" :lineRight="false" class="tui-list" >
|
|
|
- <view class="list-wrap">
|
|
|
- <view class="list-label">联系电话</view>
|
|
|
- <view class="list-val">{{ shop.telephone || '15280215347' }}</view>
|
|
|
- </view>
|
|
|
- <view class="list-icon">
|
|
|
- <i class="iconfont iconditu" style="font-size:36upx;" ></i>
|
|
|
- </view>
|
|
|
- </tui-list-cell>
|
|
|
- <tui-list-cell @click="goNavBtn" :lineLeft="false" :lineRight="false" class="tui-list" >
|
|
|
- <view class="list-wrap">
|
|
|
- <view class="list-label">公司地址</view>
|
|
|
- <view class="list-val">厦门市软件园二期夜光汇2号楼521室</view>
|
|
|
- </view>
|
|
|
- <view class="list-icon">
|
|
|
- <i class="iconfont icondianhua" style="font-size:36upx;" ></i>
|
|
|
- </view>
|
|
|
- </tui-list-cell>
|
|
|
- </tui-list-view>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -97,15 +60,13 @@ import { share } from "@/mixins";
|
|
|
import AppAvatarModule from "@/components/module/app-avatar";
|
|
|
import { mapGetters } from 'vuex'
|
|
|
import { clearLogin } from "@/api/user";
|
|
|
+import { list } from "@/mixins";
|
|
|
export default {
|
|
|
name: "recent",
|
|
|
components: { AppAvatarModule, AppSwiper, TuiListView, TuiListCell, AppActivilyCoupon },
|
|
|
- mixins: [share],
|
|
|
+ mixins: [share,list],
|
|
|
data () {
|
|
|
return {
|
|
|
- list: [],
|
|
|
- showGlInfo: 0,
|
|
|
- ad:[{"img":`${this.$constant.imgUrl}/logo2.jpg?v=5`}],
|
|
|
//0没有登录 1有登录
|
|
|
loginStyle :0
|
|
|
};
|
|
|
@@ -128,9 +89,16 @@ export default {
|
|
|
}else{
|
|
|
this.loginStyle = 0
|
|
|
}
|
|
|
- this.getShopList()
|
|
|
},
|
|
|
- onLoad () {
|
|
|
+ onReachBottom(){
|
|
|
+ console.log('bottom')
|
|
|
+ if (!this.list.finished) {
|
|
|
+ this.getMyHdList().then(res => {
|
|
|
+ uni.stopPullDownRefresh()
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ uni.stopPullDownRefresh()
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
logout(){
|
|
|
@@ -162,13 +130,14 @@ export default {
|
|
|
this.pageTo({ url:'/pages/item/item?account='+item.shopId+'&hdId='+item.id})
|
|
|
},
|
|
|
init () {
|
|
|
- this.getShopList()
|
|
|
+ this.getMyHdList()
|
|
|
},
|
|
|
- getShopList(){
|
|
|
- let that = this
|
|
|
- getList().then(res=>{
|
|
|
- that.list = res.data.list
|
|
|
- that.showGlInfo = res.data.showGlInfo
|
|
|
+ getMyHdList(){
|
|
|
+ return getList({page: this.list.page,}).then(res=>{
|
|
|
+ this.completes(res);
|
|
|
+ if (this.$util.isEmpty(res.data)){
|
|
|
+ return false
|
|
|
+ }
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
@@ -182,383 +151,296 @@ export default {
|
|
|
padding: 48upx 0 80upx 40upx;
|
|
|
}
|
|
|
.shop-list_box {
|
|
|
-
|
|
|
-.ghs_list_page {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- position: relative;
|
|
|
- width: 750upx;
|
|
|
- height:99vh;
|
|
|
- overflow: auto;
|
|
|
- .top-button{
|
|
|
- padding-top:18upx;padding-bottom:18upx;border:none;margin-top:10upx;
|
|
|
- }
|
|
|
- .flex-col {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
- .flex-row {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- }
|
|
|
- .justify-start {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
+ .ghs_list_page {
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ position: relative;
|
|
|
+ width: 750upx;
|
|
|
+ .top-button{
|
|
|
+ padding-top:18upx;padding-bottom:18upx;border:none;margin-top:10upx;
|
|
|
}
|
|
|
- .justify-center {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
-
|
|
|
- .justify-end {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- }
|
|
|
- .justify-evenly {
|
|
|
- display: flex;
|
|
|
- justify-content: space-evenly;
|
|
|
- }
|
|
|
- .justify-around {
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- }
|
|
|
- .justify-between {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
- .align-start {
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- }
|
|
|
- .align-center {
|
|
|
+ .flex-col {
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .align-end {
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+ .flex-row {
|
|
|
display: flex;
|
|
|
- align-items: flex-end;
|
|
|
- }
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+ .justify-start {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ }
|
|
|
+ .justify-center {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .justify-end {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
+ .justify-evenly {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ }
|
|
|
+ .justify-around {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ }
|
|
|
+ .justify-between {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .align-start {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ }
|
|
|
+ .align-center {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .align-end {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-end;
|
|
|
+ }
|
|
|
|
|
|
- .ghs_list_area {
|
|
|
- padding-top: 25rpx;
|
|
|
- width: 750upx;
|
|
|
- background-color: #ece5e5;
|
|
|
- .group_1 {
|
|
|
- box-shadow: 0px 1px 0px 0px rgba(221, 221, 221, 1);
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
+ .ghs_list_area {
|
|
|
+ padding-top: 25rpx;
|
|
|
width: 750upx;
|
|
|
- height: 128upx;
|
|
|
- margin-top: 2upx;
|
|
|
- .image_1 {
|
|
|
- width: 727upx;
|
|
|
- height: 20upx;
|
|
|
- margin: 11upx 0 0 12upx;
|
|
|
- }
|
|
|
- .block_4 {
|
|
|
- width: 714upx;
|
|
|
- height: 64upx;
|
|
|
- margin: 21upx 0 12upx 24upx;
|
|
|
- .icon_1 {
|
|
|
- width: 20upx;
|
|
|
- height: 34upx;
|
|
|
- margin-top: 16upx;
|
|
|
- }
|
|
|
- .text_1 {
|
|
|
- width: 107upx;
|
|
|
- height: 34upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(4, 4, 4, 1);
|
|
|
- font-size: 36upx;
|
|
|
- font-family: PingFangSC-Semibold;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 24upx;
|
|
|
- margin: 15upx 0 0 278upx;
|
|
|
+ background-color: #ece5e5;
|
|
|
+ .group_1 {
|
|
|
+ box-shadow: 0px 1px 0px 0px rgba(221, 221, 221, 1);
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ width: 750upx;
|
|
|
+ height: 128upx;
|
|
|
+ margin-top: 2upx;
|
|
|
+ .image_1 {
|
|
|
+ width: 727upx;
|
|
|
+ height: 20upx;
|
|
|
+ margin: 11upx 0 0 12upx;
|
|
|
}
|
|
|
- .applet-top-bar_1 {
|
|
|
- width: 174upx;
|
|
|
+ .block_4 {
|
|
|
+ width: 714upx;
|
|
|
height: 64upx;
|
|
|
- margin-left: 135upx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .ghs_box {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- position: relative;
|
|
|
- width: 750upx;
|
|
|
- height: auto;
|
|
|
- margin-bottom:25upx;
|
|
|
- .image-text_7 {
|
|
|
- width: 674upx;
|
|
|
- height: 120upx;
|
|
|
- margin: 40upx 0 0 31upx;
|
|
|
- .section_1 {
|
|
|
- width: 120upx;
|
|
|
- height: 120upx;
|
|
|
- .logo{
|
|
|
- width:120upx;
|
|
|
- height:120upx;
|
|
|
- border-radius:10upx;
|
|
|
+ margin: 21upx 0 12upx 24upx;
|
|
|
+ .icon_1 {
|
|
|
+ width: 20upx;
|
|
|
+ height: 34upx;
|
|
|
+ margin-top: 16upx;
|
|
|
}
|
|
|
- }
|
|
|
- .text-group_7 {
|
|
|
- width: 533upx;
|
|
|
- height: 99upx;
|
|
|
- margin-top: 5upx;
|
|
|
- .text_8 {
|
|
|
- display:inline-block;
|
|
|
- width: 458upx;
|
|
|
- height: 38upx;
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
+ .text_1 {
|
|
|
+ width: 107upx;
|
|
|
+ height: 34upx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(4, 4, 4, 1);
|
|
|
font-size: 36upx;
|
|
|
- font-weight:bold;
|
|
|
+ font-family: PingFangSC-Semibold;
|
|
|
text-align: left;
|
|
|
white-space: nowrap;
|
|
|
- line-height:38upx;
|
|
|
- overflow:hidden;
|
|
|
- text-overflow:ellipsis;
|
|
|
+ line-height: 24upx;
|
|
|
+ margin: 15upx 0 0 278upx;
|
|
|
}
|
|
|
- .text_9 {
|
|
|
- width: 250upx;
|
|
|
- height: 29upx;
|
|
|
- color: rgba(153, 153, 153, 1);
|
|
|
- font-size: 26upx;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow:ellipsis;
|
|
|
- line-height: 29upx;
|
|
|
- margin-top: 10upx;
|
|
|
- overflow: hidden;
|
|
|
+ .applet-top-bar_1 {
|
|
|
+ width: 174upx;
|
|
|
+ height: 64upx;
|
|
|
+ margin-left: 135upx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .box_4 {
|
|
|
- background-color: rgba(238, 238, 238, 1);
|
|
|
+ .ghs_box {
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ position: relative;
|
|
|
width: 750upx;
|
|
|
- height: 1upx;
|
|
|
- margin-top: 40upx;
|
|
|
- }
|
|
|
- .box_9 {
|
|
|
- height: 65upx;
|
|
|
- padding: 23upx 0 22upx 30upx;
|
|
|
- .tag_2 {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 8px;
|
|
|
- height: 60upx;
|
|
|
- line-height:60upx;
|
|
|
- border: 2px solid rgba(221, 221, 221, 1);
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
- font-size: 30upx;
|
|
|
- margin:0 50upx 0 0;
|
|
|
- text-align:center;
|
|
|
- float:left;
|
|
|
- padding-left:20upx;
|
|
|
- padding-right:20upx;
|
|
|
- }
|
|
|
- .tag_3 {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 8px;
|
|
|
- height: 60upx;
|
|
|
- border: 1px solid rgba(221, 221, 221, 1);
|
|
|
- margin-left: 12upx;
|
|
|
- width: 140upx;
|
|
|
- .text_11 {
|
|
|
- width: 101upx;
|
|
|
- height: 25upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
- font-size: 26upx;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 25upx;
|
|
|
- margin: 17upx 0 0 20upx;
|
|
|
+ height: auto;
|
|
|
+ margin-bottom:25upx;
|
|
|
+ .image-text_7 {
|
|
|
+ width: 674upx;
|
|
|
+ height: 120upx;
|
|
|
+ margin: 40upx 0 0 31upx;
|
|
|
+ .section_1 {
|
|
|
+ width: 120upx;
|
|
|
+ height: 120upx;
|
|
|
+ .logo{
|
|
|
+ width:120upx;
|
|
|
+ height:120upx;
|
|
|
+ border-radius:10upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text-group_7 {
|
|
|
+ width: 533upx;
|
|
|
+ height: 99upx;
|
|
|
+ margin-top: 5upx;
|
|
|
+ .text_8 {
|
|
|
+ display:inline-block;
|
|
|
+ width: 458upx;
|
|
|
+ height: 38upx;
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-size: 36upx;
|
|
|
+ font-weight:bold;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height:38upx;
|
|
|
+ overflow:hidden;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .text_9 {
|
|
|
+ width: 250upx;
|
|
|
+ height: 29upx;
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ font-size: 26upx;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ line-height: 29upx;
|
|
|
+ margin-top: 10upx;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .tag_4 {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 8px;
|
|
|
- height: 60upx;
|
|
|
- border: 1px solid rgba(221, 221, 221, 1);
|
|
|
- margin-left: 12upx;
|
|
|
- width: 192upx;
|
|
|
- .text_12 {
|
|
|
- width: 153upx;
|
|
|
- height: 25upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
+ .box_4 {
|
|
|
+ background-color: rgba(238, 238, 238, 1);
|
|
|
+ width: 750upx;
|
|
|
+ height: 1upx;
|
|
|
+ margin-top: 40upx;
|
|
|
+ }
|
|
|
+ .box_9 {
|
|
|
+ height: 65upx;
|
|
|
+ padding: 23upx 0 22upx 30upx;
|
|
|
+ .tag_2 {
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ border-radius: 8px;
|
|
|
+ height: 60upx;
|
|
|
+ line-height:60upx;
|
|
|
+ border: 2px solid rgba(221, 221, 221, 1);
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
- font-size: 26upx;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 25upx;
|
|
|
- margin: 17upx 0 0 18upx;
|
|
|
+ font-size: 30upx;
|
|
|
+ margin:0 50upx 0 0;
|
|
|
+ text-align:center;
|
|
|
+ float:left;
|
|
|
+ padding-left:20upx;
|
|
|
+ padding-right:20upx;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- .box_6 {
|
|
|
- background-color: rgb(248, 242, 242);
|
|
|
- width: 750upx;
|
|
|
- height:85upx;
|
|
|
- .show_clear_area {
|
|
|
- width: 247upx;
|
|
|
- height: 29upx;
|
|
|
- margin: 26upx 0 0 30upx;
|
|
|
- .icon_2 {
|
|
|
- width: 22upx;
|
|
|
- height: 26upx;
|
|
|
- margin-top: 2upx;
|
|
|
+ .tag_3 {
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ border-radius: 8px;
|
|
|
+ height: 60upx;
|
|
|
+ border: 1px solid rgba(221, 221, 221, 1);
|
|
|
+ margin-left: 12upx;
|
|
|
+ width: 140upx;
|
|
|
+ .text_11 {
|
|
|
+ width: 101upx;
|
|
|
+ height: 25upx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-size: 26upx;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 25upx;
|
|
|
+ margin: 17upx 0 0 20upx;
|
|
|
+ }
|
|
|
}
|
|
|
- .waite_clear_order {
|
|
|
- width: 214upx;
|
|
|
+ .tag_4 {
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ border-radius: 8px;
|
|
|
+ height: 60upx;
|
|
|
+ border: 1px solid rgba(221, 221, 221, 1);
|
|
|
+ margin-left: 12upx;
|
|
|
+ width: 192upx;
|
|
|
+ .text_12 {
|
|
|
+ width: 153upx;
|
|
|
+ height: 25upx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-size: 26upx;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 25upx;
|
|
|
+ margin: 17upx 0 0 18upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box_6 {
|
|
|
+ background-color: rgb(248, 242, 242);
|
|
|
+ width: 750upx;
|
|
|
+ height:85upx;
|
|
|
+ .show_clear_area {
|
|
|
+ width: 247upx;
|
|
|
height: 29upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(255, 40, 66, 1);
|
|
|
+ margin: 26upx 0 0 30upx;
|
|
|
+ .icon_2 {
|
|
|
+ width: 22upx;
|
|
|
+ height: 26upx;
|
|
|
+ margin-top: 2upx;
|
|
|
+ }
|
|
|
+ .waite_clear_order {
|
|
|
+ width: 214upx;
|
|
|
+ height: 29upx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(255, 40, 66, 1);
|
|
|
+ font-size: 30upx;
|
|
|
+ font-weight:bold;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 29upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .image-text_9 {
|
|
|
+ width: 134upx;
|
|
|
+ height: 27upx;
|
|
|
+ margin: 26upx 29upx 0 310upx;
|
|
|
+ .text-group_4 {
|
|
|
+ width: 111upx;
|
|
|
+ height: 27upx;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ color: rgba(255, 40, 66, 1);
|
|
|
+ font-size: 30upx;
|
|
|
+ font-weight:bold;
|
|
|
+ text-align: left;
|
|
|
+ white-space: nowrap;
|
|
|
+ line-height: 27upx;
|
|
|
+ }
|
|
|
+ .icon_3 {
|
|
|
+ width: 14upx;
|
|
|
+ height: 24upx;
|
|
|
+ margin-top: 2upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .button_4 {
|
|
|
+ height: 80upx;
|
|
|
+ line-height:80upx;
|
|
|
+ text-align:center;
|
|
|
+ background-color:#FF2842;
|
|
|
+ background-size: 137upx 137upx;
|
|
|
+ width: 130upx;
|
|
|
+ position: absolute;
|
|
|
+ left: 570upx;
|
|
|
+ top:90upx;
|
|
|
+ border-radius:20upx;
|
|
|
+ .text_13 {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
font-size: 30upx;
|
|
|
font-weight:bold;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 29upx;
|
|
|
}
|
|
|
}
|
|
|
- .image-text_9 {
|
|
|
- width: 134upx;
|
|
|
- height: 27upx;
|
|
|
- margin: 26upx 29upx 0 310upx;
|
|
|
- .text-group_4 {
|
|
|
- width: 111upx;
|
|
|
- height: 27upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(255, 40, 66, 1);
|
|
|
+ .button_5 {
|
|
|
+ height: 80upx;
|
|
|
+ line-height:80upx;
|
|
|
+ text-align:center;
|
|
|
+ background-color:#FF2842;
|
|
|
+ background-size: 137upx 137upx;
|
|
|
+ width: 130upx;
|
|
|
+ position: absolute;
|
|
|
+ left: 430upx;
|
|
|
+ top: 90upx;
|
|
|
+ border-radius:20upx;
|
|
|
+ .text_13 {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
font-size: 30upx;
|
|
|
font-weight:bold;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 27upx;
|
|
|
- }
|
|
|
- .icon_3 {
|
|
|
- width: 14upx;
|
|
|
- height: 24upx;
|
|
|
- margin-top: 2upx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .button_4 {
|
|
|
- height: 80upx;
|
|
|
- line-height:80upx;
|
|
|
- text-align:center;
|
|
|
- background-color:#FF2842;
|
|
|
- background-size: 137upx 137upx;
|
|
|
- width: 130upx;
|
|
|
- position: absolute;
|
|
|
- left: 570upx;
|
|
|
- top:90upx;
|
|
|
- border-radius:20upx;
|
|
|
- .text_13 {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-size: 30upx;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- }
|
|
|
- .button_5 {
|
|
|
- height: 80upx;
|
|
|
- line-height:80upx;
|
|
|
- text-align:center;
|
|
|
- background-color:#FF2842;
|
|
|
- background-size: 137upx 137upx;
|
|
|
- width: 130upx;
|
|
|
- position: absolute;
|
|
|
- left: 430upx;
|
|
|
- top: 90upx;
|
|
|
- border-radius:20upx;
|
|
|
- .text_13 {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-size: 30upx;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
- .app-main{
|
|
|
-
|
|
|
- & > view {
|
|
|
- width: 150upx;
|
|
|
- margin: 0 10upx;
|
|
|
- margin-bottom: 70upx;
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- vertical-align: top;
|
|
|
- & > .tit {
|
|
|
- vertical-align: middle;
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- margin-top: 30upx;
|
|
|
- width: 100%;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- }
|
|
|
- & > image {
|
|
|
- display: inline-block;
|
|
|
- vertical-align: middle;
|
|
|
- width: 100upx;
|
|
|
- height: 100upx;
|
|
|
- border-radius: 50%;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.app-footer {
|
|
|
- font-size: 28upx;
|
|
|
- & .des {
|
|
|
- & > text {
|
|
|
- color: #3385ff;
|
|
|
- display: inline-block;
|
|
|
- margin-left: 3upx;
|
|
|
- }
|
|
|
- & .iconfont {
|
|
|
- color: #3385ff;
|
|
|
- font-size: 22upx;
|
|
|
- margin-left: 2upx;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.shop-wrap {
|
|
|
- padding: 40upx 20upx;
|
|
|
- color: $fontColor3;
|
|
|
- background-color: #fff;
|
|
|
- margin-bottom: 20upx;
|
|
|
- .shop-tit {
|
|
|
- font-size: 38upx;
|
|
|
- color: #333;
|
|
|
- font-weight: 600;
|
|
|
- margin-bottom: 20upx;
|
|
|
- }
|
|
|
-}
|
|
|
-.list-content {
|
|
|
- background-color: #fff;
|
|
|
- .tui-list {
|
|
|
- width: calc(100% - 20upx);
|
|
|
- @include disFlex(center, space-between);
|
|
|
- margin-left: 20upx;
|
|
|
- .list-wrap {
|
|
|
- width: calc(100% - 40upx);
|
|
|
- @include disFlex(center, flex-start);
|
|
|
- color: $fontColor3;
|
|
|
- .list-label {
|
|
|
- width: 150upx;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- .list-val {
|
|
|
- width: calc(100% - 150upx);
|
|
|
- }
|
|
|
- }
|
|
|
- .list-icon {
|
|
|
- margin-right: 10upx;
|
|
|
- .iconfont {
|
|
|
- color: $mainColor;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|
