|
|
@@ -1,299 +1,330 @@
|
|
|
<template>
|
|
|
- <div class="merchantlist">
|
|
|
- <div class="head">
|
|
|
- <div class="bg"></div>
|
|
|
- <div class="card">
|
|
|
- <div class="live_name">{{ typeto(local_uinfo.level_id) }}</div>
|
|
|
- <div class="mm">
|
|
|
- <span>账户余额</span>
|
|
|
- <span class="balance dinB">{{ local_uinfo.integral || 0 }}</span>
|
|
|
+ <div class="merchantlist">
|
|
|
+ <div class="head">
|
|
|
+ <div class="bg"></div>
|
|
|
+ <div class="card">
|
|
|
+ <div class="live_name">{{ typeto(local_uinfo.level_id) }}</div>
|
|
|
+ <div class="mm">
|
|
|
+ <span>账户余额</span>
|
|
|
+ <span class="balance dinB">{{ local_uinfo.integral || 0 }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="l_tabBar flex_r flex_jb">
|
|
|
- <div class="item" v-for="(i,s) in tabs" :key="s" @click="goto(i.url)">
|
|
|
- <img :src="i.ico" alt="" class="ico">
|
|
|
- <!-- <div class="tit">{{ i.tit }}</div> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <view class="loadingBox" v-if="loading">
|
|
|
- <img class="loading" src="http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/2caa2ae4dc849856f3eca4ff2b3abf7fd19e7632gif" />
|
|
|
- </view>
|
|
|
- <div class="list" v-else>
|
|
|
- <div class="li_item" v-for="(i,s) in merchantList" :key="s" @click="goMerchant(i)">
|
|
|
- <div class="li_title">{{ i.brand_name }}</div>
|
|
|
- <div class="logo_img">
|
|
|
- <img :src="i.restaurant_img" alt="">
|
|
|
+ <div class="l_tabBar flex_r flex_jb">
|
|
|
+ <div class="item" v-for="(i,s) in tabs" :key="s" @click="goto(i.url)">
|
|
|
+ <img :src="i.ico" alt="" class="ico">
|
|
|
+ <!-- <div class="tit">{{ i.tit }}</div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="con_box">
|
|
|
- <div class="p1 ellipsis">{{ i.restaurant_name }}</div>
|
|
|
- <div class="p2">{{ i.restaurant_address }}</div>
|
|
|
- <div class="p3">{{ $h.Div(i.distance, 1000).toFixed(2) }} km</div>
|
|
|
+ <view class="loadingBox" v-if="loading">
|
|
|
+ <img class="loading" src="http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/2caa2ae4dc849856f3eca4ff2b3abf7fd19e7632gif" />
|
|
|
+ </view>
|
|
|
+ <div class="list" v-else>
|
|
|
+ <div class="li_item" v-for="(i,s) in merchantList" :key="s" @click="goMerchant(i)">
|
|
|
+ <div class="li_title">{{ i.brand_name }}</div>
|
|
|
+ <div class="logo_img">
|
|
|
+ <img :src="i.restaurant_img" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="con_box">
|
|
|
+ <div class="p1 ellipsis">{{ i.restaurant_name }}</div>
|
|
|
+ <div class="p2">{{ i.restaurant_address }}</div>
|
|
|
+ <div class="p3">{{ $h.Div(i.distance, 1000).toFixed(2) }} km</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <activation ref="activation" tit="激活" />
|
|
|
</div>
|
|
|
- </div>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
- import QQMapWX from '@/static/utils/qqmap-wx-jssdk.min.js'
|
|
|
- import tabs from './tabs'
|
|
|
+import activation from "@/components/activation/activation.vue"
|
|
|
+import QQMapWX from '@/static/utils/qqmap-wx-jssdk.min.js'
|
|
|
+import tabs from './tabs'
|
|
|
import { post } from "@/request/api.js";
|
|
|
export default {
|
|
|
- name: "merchantlist",
|
|
|
- props: {},
|
|
|
- components: {},
|
|
|
- data() {
|
|
|
- return {
|
|
|
- loading: true,
|
|
|
- Query: {
|
|
|
- lat: 113.9367,
|
|
|
- lng: 22.5325,
|
|
|
- page: 1,
|
|
|
- rows: 20
|
|
|
- },
|
|
|
- merchant: {},
|
|
|
- merchantList: [],
|
|
|
- local_uinfo: {},
|
|
|
- tabs
|
|
|
- };
|
|
|
- },
|
|
|
- methods: {
|
|
|
- // 获取附近商家
|
|
|
- getlists(){
|
|
|
- post("local/getMerchant",this.Query).then(res => {
|
|
|
- if(res.code == 0){
|
|
|
- this.loading = false
|
|
|
- let merchantList = res.data.data
|
|
|
- delete res.data.data
|
|
|
- this.merchant = res.data
|
|
|
- this.merchantList = [ ...this.merchantList, ...merchantList ]
|
|
|
- this.Query.page++
|
|
|
+ name: "merchantlist",
|
|
|
+ props: {},
|
|
|
+ components: { activation },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ loading: true,
|
|
|
+ Query: {
|
|
|
+ lat: 113.9367,
|
|
|
+ lng: 22.5325,
|
|
|
+ page: 1,
|
|
|
+ rows: 20
|
|
|
+ },
|
|
|
+ merchant: {},
|
|
|
+ merchantList: [],
|
|
|
+ local_uinfo: {},
|
|
|
+ tabs,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 获取附近商家
|
|
|
+ getlists() {
|
|
|
+ post("local/getMerchant", this.Query).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.loading = false
|
|
|
+ let merchantList = res.data.data
|
|
|
+ delete res.data.data
|
|
|
+ this.merchant = res.data
|
|
|
+ this.merchantList = [...this.merchantList, ...merchantList]
|
|
|
+ this.Query.page++
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取当前位置
|
|
|
+ getLocation() {
|
|
|
+ const that = this;
|
|
|
+ // 获取位置信息
|
|
|
+ uni.getLocation({
|
|
|
+ type: 'wgs84',
|
|
|
+ success(res) {
|
|
|
+ // 经纬度转化地址信息
|
|
|
+ // const qqmap = require('@/pages/qqmap-wx-jssdk.min.js');
|
|
|
+ console.log('位置信息:', res);
|
|
|
+ const showmap = new QQMapWX({
|
|
|
+ key: 'NWSBZ-ZUME4-LLTU6-XSQGB-YBKAT-U4FCZ'
|
|
|
+ });
|
|
|
+ // 逆地址解析reverseGeocoder
|
|
|
+ showmap.reverseGeocoder({
|
|
|
+ location: {
|
|
|
+ latitude: res.latitude,
|
|
|
+ longitude: res.longitude
|
|
|
+ },
|
|
|
+ success(result) {
|
|
|
+ const adres = result.result.location;
|
|
|
+ uni.setStorageSync("adres", adres)
|
|
|
+ that.Query = { ...that.Query, ...adres };
|
|
|
+ that.getlists();
|
|
|
+ console.log('逆地址解析:', result);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fail(e) {
|
|
|
+ let errMsgTit = '';
|
|
|
+ if (e.errMsg === 'getLocation:fail auth deny') {
|
|
|
+ errMsgTit = '你已拒绝授权,是否跳转至设置页面开启权限';
|
|
|
+ } else {
|
|
|
+ errMsgTit = '操作频繁提示,建议搭配onLocationChange()使用';
|
|
|
+ }
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: `${errMsgTit}`,
|
|
|
+ success(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ // 获取设置页面权限信息
|
|
|
+ uni.getSetting({
|
|
|
+ success(res) {
|
|
|
+ console.log(res.authSetting);
|
|
|
+ // 判断是否开启获取位置权限
|
|
|
+ if (!res.authSetting['scope.userLocation']) {
|
|
|
+ // 如果没有开启,点击确认后打开设置页面
|
|
|
+ uni.openSetting({});
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ console.log('用户点击确定');
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 去店铺
|
|
|
+ goMerchant(da) {
|
|
|
+ uni.setStorageSync("MerchantItem", da)
|
|
|
+ this.goto("/pagesB/orderingfood/orderingfood", {
|
|
|
+ brand_id: da.brand_id,
|
|
|
+ restaurant_id: da.restaurant_id
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 是否激活本地生活
|
|
|
+ isActivation() {
|
|
|
+ post("local/isActivation", this.Query).then(res => {
|
|
|
+ console.log('是否激活本地生活', res);
|
|
|
+ if (res.code == -1) {
|
|
|
+ this.activation();
|
|
|
+ } else {
|
|
|
+ this.getLocation();
|
|
|
+ this.getLU();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getLU() {
|
|
|
+ post("local/userinfo").then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.local_uinfo = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ typeto(va) {
|
|
|
+ switch (va) {
|
|
|
+ case 1:
|
|
|
+ return "VIP";
|
|
|
+ case 2:
|
|
|
+ return "群主";
|
|
|
+ case 3:
|
|
|
+ return "合伙人";
|
|
|
+ case 4:
|
|
|
+ return "副总";
|
|
|
+ case 5:
|
|
|
+ return "联合发起人";
|
|
|
+ default:
|
|
|
+ return ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ activation(){
|
|
|
+ this.$refs.activation.open()
|
|
|
}
|
|
|
- })
|
|
|
},
|
|
|
- // 获取当前位置
|
|
|
- getLocation() {
|
|
|
- const that = this;
|
|
|
- // 获取位置信息
|
|
|
- uni.getLocation({
|
|
|
- type: 'wgs84',
|
|
|
- success(res) {
|
|
|
- // 经纬度转化地址信息
|
|
|
- // const qqmap = require('@/pages/qqmap-wx-jssdk.min.js');
|
|
|
- console.log('位置信息:',res);
|
|
|
- const showmap = new QQMapWX({
|
|
|
- key: 'NWSBZ-ZUME4-LLTU6-XSQGB-YBKAT-U4FCZ'
|
|
|
- });
|
|
|
- // 逆地址解析reverseGeocoder
|
|
|
- showmap.reverseGeocoder({
|
|
|
- location: {
|
|
|
- latitude: res.latitude,
|
|
|
- longitude: res.longitude
|
|
|
- },
|
|
|
- success(result) {
|
|
|
- const adres = result.result.location;
|
|
|
- uni.setStorageSync("adres",adres)
|
|
|
- that.Query = { ...that.Query, ...adres };
|
|
|
- that.getlists();
|
|
|
- console.log('逆地址解析:',result);
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- fail(e) {
|
|
|
- let errMsgTit = '';
|
|
|
- if (e.errMsg === 'getLocation:fail auth deny') {
|
|
|
- errMsgTit = '你已拒绝授权,是否跳转至设置页面开启权限';
|
|
|
- } else {
|
|
|
- errMsgTit = '操作频繁提示,建议搭配onLocationChange()使用';
|
|
|
- }
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: `${errMsgTit}`,
|
|
|
- success(res) {
|
|
|
- if (res.confirm) {
|
|
|
- // 获取设置页面权限信息
|
|
|
- uni.getSetting({
|
|
|
- success(res) {
|
|
|
- console.log(res.authSetting);
|
|
|
- // 判断是否开启获取位置权限
|
|
|
- if (!res.authSetting['scope.userLocation']) {
|
|
|
- // 如果没有开启,点击确认后打开设置页面
|
|
|
- uni.openSetting({});
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- console.log('用户点击确定');
|
|
|
- } else if (res.cancel) {
|
|
|
- console.log('用户点击取消');
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 去店铺
|
|
|
- goMerchant(da) {
|
|
|
- uni.setStorageSync("MerchantItem",da)
|
|
|
- this.goto("/pagesB/orderingfood/orderingfood",{
|
|
|
- brand_id:da.brand_id,
|
|
|
- restaurant_id:da.restaurant_id
|
|
|
- })
|
|
|
+ onShow() {
|
|
|
+ this.isActivation();
|
|
|
},
|
|
|
- // 是否激活本地生活
|
|
|
- isActivation(){
|
|
|
- post("local/isActivation",this.Query).then(res => {
|
|
|
- console.log('是否激活本地生活',res);
|
|
|
- if(res.code == -1){
|
|
|
- this.goto("/pagesB/orderingfood/activation")
|
|
|
- }else{
|
|
|
- this.getLocation();
|
|
|
- this.getLU();
|
|
|
- }
|
|
|
- })
|
|
|
+ onReachBottom() {
|
|
|
+ if (this.Query.page < this.merchant.last_page) this.getlists();
|
|
|
},
|
|
|
- getLU(){
|
|
|
- post("local/userinfo").then(res=>{
|
|
|
- if(res.code == 0){
|
|
|
- this.local_uinfo = res.data
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang='scss'>
|
|
|
+.head {
|
|
|
+ .bg {
|
|
|
+ height: 300rpx;
|
|
|
+ background-image: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/a5500a3c12f967a83d123f774b333e2b2d9729bcpng");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card {
|
|
|
+ width: calc(100% - 60rpx);
|
|
|
+ margin: -110rpx 30rpx 0;
|
|
|
+ // background-color: #473D31;
|
|
|
+ background: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/2e672c48ad6a5293a86a3aa0ac258f47ca5b2931jpg");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ padding: 28rpx 30rpx;
|
|
|
+ height: 280rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .balance {
|
|
|
+ font-size: 46rpx;
|
|
|
+ margin-top: 8rpx;
|
|
|
+ margin-left: 26rpx;
|
|
|
+
|
|
|
+ &:before {
|
|
|
+ content: "¥";
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- typeto(va) {
|
|
|
- switch (va) {
|
|
|
- case 1: return "VIP";
|
|
|
- case 2: return "黄金VIP";
|
|
|
- case 3: return "群主";
|
|
|
- case 4: return "副总";
|
|
|
- case 5: return "联合发起人";
|
|
|
- default: return ""
|
|
|
+
|
|
|
+ .live_name {
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #CD7C2B;
|
|
|
+ position: absolute;
|
|
|
+ top: 16rpx;
|
|
|
+ left: 90rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .mm {
|
|
|
+ margin: auto 0;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 210rpx;
|
|
|
}
|
|
|
}
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- this.isActivation();
|
|
|
- },
|
|
|
- onReachBottom() {
|
|
|
- if(this.Query.page < this.merchant.last_page) this.getlists();
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
+}
|
|
|
|
|
|
-<style scoped lang='scss'>
|
|
|
-.head{
|
|
|
- .bg{
|
|
|
- height: 300rpx;
|
|
|
- background-image: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/a5500a3c12f967a83d123f774b333e2b2d9729bcpng");
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
- .card{
|
|
|
- width: calc(100% - 60rpx);
|
|
|
- margin: -110rpx 30rpx 0;
|
|
|
- // background-color: #473D31;
|
|
|
- background: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/2e672c48ad6a5293a86a3aa0ac258f47ca5b2931jpg");
|
|
|
- background-size: 100% 100%;
|
|
|
- border-radius: 16rpx;
|
|
|
- padding: 28rpx 30rpx;
|
|
|
- height: 280rpx;
|
|
|
- position: relative;
|
|
|
- .balance{
|
|
|
- font-size: 46rpx;
|
|
|
- margin-top: 8rpx;
|
|
|
- margin-left: 26rpx;
|
|
|
- &:before {
|
|
|
- content: "¥";
|
|
|
- font-size: 24rpx;
|
|
|
- }
|
|
|
+.list {
|
|
|
+ padding: 30rpx;
|
|
|
+
|
|
|
+ .li_item {
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ padding: 28rpx 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ box-shadow: 4rpx 4rpx 26rpx 2rpx rgba(17, 18, 29, 0.1);
|
|
|
}
|
|
|
- .live_name{
|
|
|
- font-size: 36rpx;
|
|
|
- color: #CD7C2B;
|
|
|
- position: absolute;
|
|
|
- top: 16rpx;
|
|
|
- left: 90rpx;
|
|
|
|
|
|
+ .li_title {
|
|
|
+ font-size: 36rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
}
|
|
|
- .mm{
|
|
|
- margin: auto 0;
|
|
|
- text-align: center;
|
|
|
- line-height: 210rpx;
|
|
|
+
|
|
|
+ .logo_img,
|
|
|
+ .con_box {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logo_img {
|
|
|
+ img {
|
|
|
+ height: 180rpx;
|
|
|
+ width: 180rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .con_box {
|
|
|
+ height: 180rpx;
|
|
|
+ width: calc(100% - 180rpx - 28rpx);
|
|
|
+ margin-left: 28rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .p1 {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333;
|
|
|
+ margin-bottom: 6rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .p2 {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .p3 {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #666;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
}
|
|
|
-.list{
|
|
|
- padding: 30rpx;
|
|
|
- .li_item{
|
|
|
- margin-bottom: 20rpx;
|
|
|
- padding: 28rpx 32rpx;
|
|
|
+
|
|
|
+.l_tabBar {
|
|
|
+ margin: 32rpx 32rpx 0;
|
|
|
background-color: #fff;
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
border-radius: 10rpx;
|
|
|
box-shadow: 4rpx 4rpx 26rpx 2rpx rgba(17, 18, 29, 0.1);
|
|
|
- }
|
|
|
- .li_title{
|
|
|
- font-size: 36rpx;
|
|
|
- margin-bottom: 16rpx;
|
|
|
- }
|
|
|
- .logo_img,.con_box{
|
|
|
- display: inline-block;
|
|
|
- vertical-align: top;
|
|
|
- }
|
|
|
- .logo_img{
|
|
|
- img{
|
|
|
- height: 180rpx;
|
|
|
- width: 180rpx;
|
|
|
- border-radius: 10rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .con_box{
|
|
|
- height: 180rpx;
|
|
|
- width: calc(100% - 180rpx - 28rpx);
|
|
|
- margin-left: 28rpx;
|
|
|
- position: relative;
|
|
|
- .p1{
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: bold;
|
|
|
- color: #333;
|
|
|
- margin-bottom: 6rpx;
|
|
|
- }
|
|
|
- .p2{
|
|
|
- font-size: 24rpx;
|
|
|
- color: #999;
|
|
|
+ flex-wrap: wrap;
|
|
|
+
|
|
|
+ .item {
|
|
|
+ width: 105rpx;
|
|
|
+ margin: 10rpx 10rpx;
|
|
|
}
|
|
|
- .p3{
|
|
|
- font-size: 24rpx;
|
|
|
- color: #666;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
+
|
|
|
+ .ico {
|
|
|
+ width: 100%;
|
|
|
+ height: 138rpx;
|
|
|
}
|
|
|
- }
|
|
|
-}
|
|
|
-.l_tabBar{
|
|
|
- margin: 32rpx 32rpx 0;
|
|
|
- background-color: #fff;
|
|
|
- padding: 10rpx 20rpx;
|
|
|
- border-radius: 10rpx;
|
|
|
- box-shadow: 4rpx 4rpx 26rpx 2rpx rgba(17, 18, 29, 0.1);
|
|
|
- flex-wrap: wrap;
|
|
|
- .item{
|
|
|
- width: 105rpx;
|
|
|
- margin: 10rpx 10rpx;
|
|
|
- }
|
|
|
- .ico{
|
|
|
- width: 100%;
|
|
|
- height: 138rpx;
|
|
|
- }
|
|
|
- // .tit{
|
|
|
- // font-size: 26rpx;
|
|
|
- // text-align: center;
|
|
|
- // }
|
|
|
+
|
|
|
+ // .tit{
|
|
|
+ // font-size: 26rpx;
|
|
|
+ // text-align: center;
|
|
|
+ // }
|
|
|
}
|
|
|
-.loadingBox{
|
|
|
- text-align: center;
|
|
|
- padding: 100rpx 0;
|
|
|
- .loading{
|
|
|
- width: 280rpx;
|
|
|
- height: 280rpx;
|
|
|
- }
|
|
|
+
|
|
|
+.loadingBox {
|
|
|
+ text-align: center;
|
|
|
+ padding: 100rpx 0;
|
|
|
+
|
|
|
+ .loading {
|
|
|
+ width: 280rpx;
|
|
|
+ height: 280rpx;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|