xuwenbo
4 years ago
29 changed files with 1020 additions and 3438 deletions
@ -1,64 +1,24 @@
|
||||
<script> |
||||
import Vue from 'vue' |
||||
export default { |
||||
onLaunch: function () { |
||||
console.log("App Launch"); |
||||
}, |
||||
onShow: function () { |
||||
console.log("App Show"); |
||||
}, |
||||
onHide: function () { |
||||
console.log("App Hide"); |
||||
}, |
||||
mounted() { |
||||
this.setAppInfo() |
||||
}, |
||||
methods: { |
||||
// 获取系统栏高度 |
||||
async setAppInfo() { |
||||
let that = this; |
||||
return new Promise((resolve, reject) => { |
||||
uni.getSystemInfo({ |
||||
success: function (e) { |
||||
Vue.prototype.StatusBar = e.statusBarHeight; |
||||
// #ifdef H5 |
||||
Vue.prototype.CustomBar = e.statusBarHeight + 45; |
||||
// #endif |
||||
export default { |
||||
onLaunch: function() { |
||||
console.log('App Launch') |
||||
}, |
||||
onShow: function() { |
||||
console.log('App Show') |
||||
}, |
||||
onHide: function() { |
||||
|
||||
// #ifdef APP-PLUS |
||||
if (e.platform == "android") { |
||||
Vue.prototype.CustomBar = e.statusBarHeight + 50; |
||||
} else { |
||||
Vue.prototype.CustomBar = e.statusBarHeight + 45; |
||||
} |
||||
// #endif |
||||
|
||||
// #ifdef MP-WEIXIN |
||||
let custom = wx.getMenuButtonBoundingClientRect(); |
||||
Vue.prototype.Custom = custom; |
||||
Vue.prototype.CustomBar = |
||||
custom.bottom + custom.top - e.statusBarHeight; |
||||
// #endif |
||||
}, |
||||
}); |
||||
}); |
||||
}, |
||||
|
||||
// 自动登录 |
||||
async autoLogin(data) { |
||||
|
||||
}, |
||||
}, |
||||
|
||||
}; |
||||
console.log('App Hide') |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
|
||||
|
||||
<style lang="less"> |
||||
/*每个页面公共css */ |
||||
@import "animate.css"; |
||||
@import "./assets/iconfont/iconfont.css"; |
||||
@import "./assets/css/base.less"; |
||||
@import "./assets/css/reset.less"; |
||||
@import "./assets/css/style.less"; |
||||
</style> |
||||
/*每个页面公共css */ |
||||
@import "animate.css"; |
||||
@import "./assets/iconfont/iconfont.css"; |
||||
@import "./assets/css/base.less"; |
||||
@import "./assets/css/reset.less"; |
||||
@import "./assets/css/style.less"; |
||||
</style> |
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,207 +0,0 @@
|
||||
<template> |
||||
<view class="adv-box mx20 mb10"> |
||||
<!-- 模板1--> |
||||
<view class="x-f" v-if="detail.style == 1"> |
||||
<image style="width:710rpx;height: 220rpx;" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"></image> |
||||
</view> |
||||
<!-- 模板2--> |
||||
<view class="type1 x-f" v-if="detail.style == 2"> |
||||
<image class="type1-img" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"></image> |
||||
<image class="type1-img" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill"></image> |
||||
</view> |
||||
<!-- 模板3--> |
||||
<view class="type2 x-bc" v-if="detail.style == 3"> |
||||
<image class="type2-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"></image> |
||||
<view class="y-f type2-box"> |
||||
<image class="type2-img2" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill" style="border-bottom:1rpx solid #f6f6f6"></image> |
||||
<image class="type2-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
<!-- 模板4--> |
||||
<view class="type3 x-bc" v-if="detail.style == 4"> |
||||
<view class="type3-box y-f"> |
||||
<image class="type3-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"></image> |
||||
<image class="type3-img1" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill"></image> |
||||
</view> |
||||
<image class="type3-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" mode="aspectFill"></image> |
||||
</view> |
||||
<!-- 模板5--> |
||||
<view class="type4 y-f" v-if="detail.style == 5"> |
||||
<view class="type4-box x-f"> |
||||
<image class="type4-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"></image> |
||||
<image class="type4-img1" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill"></image> |
||||
</view> |
||||
<image class="type4-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" mode="aspectFill"></image> |
||||
</view> |
||||
<!-- 模板6--> |
||||
<view class="type5 y-f" v-if="detail.style == 6"> |
||||
<image class="type5-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"></image> |
||||
<view class="type5-box x-bc"> |
||||
<image class="type5-img2" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill" style="border-bottom:1rpx solid #f6f6f6"></image> |
||||
<image class="type5-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
<!-- 模板7--> |
||||
<view class="type6 y-f" v-if="detail.style == 7"> |
||||
<view class="x-f type6-box1"> |
||||
<image class="type6-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"></image> |
||||
<image class="type6-img1" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill"></image> |
||||
</view> |
||||
<view class="x-f type6-box2"> |
||||
<image class="type6-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" mode="aspectFill"></image> |
||||
<image class="type6-img2" @tap="jump(detail.list[3].path)" :src="detail.list[3].image" mode="aspectFill"></image> |
||||
<image class="type6-img2" @tap="jump(detail.list[4].path)" :src="detail.list[4].image" mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
components: {}, |
||||
data() { |
||||
return {}; |
||||
}, |
||||
props: { |
||||
detail: {} |
||||
}, |
||||
computed: {}, |
||||
created() {}, |
||||
methods: { |
||||
// 路由跳转 |
||||
jump(path) { |
||||
this.$tools.routerTo(path); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.adv-box { |
||||
background-color: #fff; |
||||
border-radius: 20rpx; |
||||
overflow: hidden; |
||||
.type1 { |
||||
.type1-img { |
||||
flex: 1; |
||||
height: 220rpx; |
||||
|
||||
&:first-child { |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type2 { |
||||
.type2-img1 { |
||||
width: (710rpx/2); |
||||
height: 340rpx; |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
|
||||
.type2-box { |
||||
flex: 1; |
||||
height: 340rpx; |
||||
width: (710rpx/2); |
||||
|
||||
.type2-img2 { |
||||
height: (340rpx/2); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type3 { |
||||
.type3-box { |
||||
width: (710rpx/2); |
||||
border-right: 1rpx solid #f6f6f6; |
||||
.type3-img1 { |
||||
flex: 1; |
||||
height: (340rpx/2); |
||||
|
||||
&:first-child { |
||||
border-bottom: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type3-img2 { |
||||
flex: 1; |
||||
height: 340rpx; |
||||
width: (710rpx/2); |
||||
} |
||||
} |
||||
|
||||
.type4 { |
||||
.type4-box { |
||||
border-bottom: 1rpx solid #f6f6f6; |
||||
.type4-img1 { |
||||
flex: 1; |
||||
height: (340rpx/2); |
||||
|
||||
&:first-child { |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type4-img2 { |
||||
flex: 1; |
||||
height: (340rpx/2); |
||||
width: 710rpx; |
||||
} |
||||
} |
||||
|
||||
.type5 { |
||||
.type5-img1 { |
||||
width: 710rpx; |
||||
height: (340rpx/2); |
||||
border-bottom: 1rpx solid #f6f6f6; |
||||
} |
||||
|
||||
.type5-box { |
||||
flex: 1; |
||||
height: (340rpx/2); |
||||
width: 710rpx; |
||||
|
||||
.type5-img2 { |
||||
height: (340rpx/2); |
||||
|
||||
&:first-child { |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type6 { |
||||
.type6-box1 { |
||||
.type6-img1 { |
||||
width: (710rpx/2); |
||||
height: (340rpx/2); |
||||
|
||||
&:first-child { |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type6-box2 { |
||||
border-top: 1rpx solid #f6f6f6; |
||||
|
||||
.type6-img2 { |
||||
width: (710rpx/3); |
||||
height: (340rpx/2); |
||||
border-right: 1rpx solid #f6f6f6; |
||||
|
||||
&:last-child { |
||||
border-right: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
image { |
||||
// background-color: #ccc; |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,155 +0,0 @@
|
||||
<template> |
||||
<!-- 产品分类导航 --> |
||||
<view class="menu-category-box mb10" v-if="carousel" :style="list.length <= menu ? `height:200rpx` : `height:360rpx`"> |
||||
<swiper |
||||
class="menu-swiper-box" |
||||
:style="list.length <= menu ? `height:160rpx` : `height:320rpx`" |
||||
@change="onSwiper" |
||||
circular |
||||
:autoplay="false" |
||||
:interval="3000" |
||||
:duration="1000" |
||||
> |
||||
<swiper-item class="menu-swiper-item" v-for="(itemList, index) in carousel" :key="index" :style="list.length <= menu ? `height:200rpx` : `height:340rpx`"> |
||||
<view class="menu-tab-box"> |
||||
<view class="tab-list y-f" :style="{ width: 690 / menu + 'rpx' }" v-for="item in itemList" :key="item.name" @tap="routerTo(item)"> |
||||
<image class="tab-img shopro-selector-circular" :style="{ width: imgW + 'rpx', height: imgW + 'rpx' }" :src="item.pic"></image> |
||||
<text class="shopro-selector-rect">{{ item.name }}</text> |
||||
</view> |
||||
</view> |
||||
</swiper-item> |
||||
</swiper> |
||||
<view class="menu-category-dots" v-if="carousel.length > 1"> |
||||
<text :class="categoryCurrent === index ? 'category-dot-active' : 'category-dot'" v-for="(dot, index) in carousel.length" :key="index"></text> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
components: {}, |
||||
data() { |
||||
return { |
||||
categoryCurrent: 0 //分类轮播下标 |
||||
}; |
||||
}, |
||||
props: { |
||||
list: { |
||||
type: Array, |
||||
default: [] |
||||
}, |
||||
menu: { |
||||
default: 5 |
||||
}, |
||||
imgW: { |
||||
type: Number, |
||||
default: 88 |
||||
} |
||||
}, |
||||
computed: { |
||||
carousel() { |
||||
if (this.list) { |
||||
let list = this.sortData(this.list, this.menu * 2); |
||||
return list; |
||||
} |
||||
} |
||||
}, |
||||
created() {}, |
||||
methods: { |
||||
// 数据分层 |
||||
sortData(oArr, length) { |
||||
let arr = []; |
||||
let minArr = []; |
||||
oArr.forEach(c => { |
||||
if (minArr.length === length) { |
||||
minArr = []; |
||||
} |
||||
if (minArr.length === 0) { |
||||
arr.push(minArr); |
||||
} |
||||
minArr.push(c); |
||||
}); |
||||
|
||||
return arr; |
||||
}, |
||||
// 轮播 |
||||
onSwiper(e) { |
||||
this.categoryCurrent = e.detail.current; |
||||
}, |
||||
// 路由跳转 |
||||
routerTo(item) { |
||||
this.$yrouter.push(item.uniapp_url); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
// 产品分类 |
||||
.y-f { |
||||
display: -webkit-box; |
||||
display: -webkit-flex; |
||||
display: flex; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-webkit-flex-direction: column; |
||||
flex-direction: column; |
||||
-webkit-box-align: center; |
||||
-webkit-align-items: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.menu-category-box { |
||||
padding: 30rpx 30rpx 0 30rpx; |
||||
background: #fff; |
||||
box-sizing: border-box; |
||||
} |
||||
.menu-category-box, |
||||
.menu-swiper-box { |
||||
position: relative; |
||||
background: #fff; |
||||
.menu-swiper-item { |
||||
background: #fff; |
||||
height: 100%; |
||||
width: 100%; |
||||
} |
||||
.menu-tab-box { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
.tab-list { |
||||
font-size: 22rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 500; |
||||
color: rgba(51, 51, 51, 1); |
||||
padding-bottom: 30rpx; |
||||
|
||||
.tab-img { |
||||
border-radius: 25rpx; |
||||
margin-bottom: 10rpx; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.menu-category-dots { |
||||
display: flex; |
||||
position: absolute; |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
bottom: 20rpx; |
||||
|
||||
.category-dot { |
||||
width: 40rpx; |
||||
height: 3rpx; |
||||
background: #eeeeee; |
||||
margin-right: 10rpx; |
||||
} |
||||
|
||||
.category-dot-active { |
||||
width: 40rpx; |
||||
height: 3rpx; |
||||
background: #a8700d; |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,212 +1,36 @@
|
||||
<template> |
||||
<view> |
||||
<view class="sh-title-card mb10"> |
||||
<view class="title-box"> |
||||
<image class="title-bg" src="@/static/images/title1.png" mode="aspectFill"></image> |
||||
<view class="title-text">为你推荐</view> |
||||
<!-- <view class="title-text" :style="{ color: detail.color }">为你推荐</view> --> |
||||
</view> |
||||
</view> |
||||
<view class="hot-goods mx20 mb10" v-if="benefit.length"> |
||||
<view class="goods-list x-f"> |
||||
<view class="goods-item" v-for="(item, promotionGoodIndex) in benefit" :key="promotionGoodIndex"> |
||||
<view class="goods-box" @tap="routerGo(item)"> |
||||
<view class="img-box"> |
||||
<!-- <image class="tag-img" :src="item.image" mode=""></image> --> |
||||
<image class="img" :src="item.image" lazy-load mode="aspectFill"></image> |
||||
</view> |
||||
<view class="tip one-t">{{ item.storeName }}</view> |
||||
<view class="title more-t">{{ item.storeName }}</view> |
||||
<view class="price-box"> |
||||
<view class="flex x-bc align-end"> |
||||
<view class="current">{{ item.activity_type === 'groupon' ? item.price : item.otPrice }} |
||||
</view> |
||||
<view class="sales miso-font">仅剩：{{ item.stock }}{{ item.unitName }}</view> |
||||
</view> |
||||
<view class="x-f tag-box"> |
||||
<!-- <view class="discount">新人礼</view> |
||||
<view class="discount">满100减60</view> --> |
||||
</view> |
||||
<view class="promotionGood" v-if="benefit.length > 0"> |
||||
<view class="item acea-row row-between-wrapper" v-for="(item, promotionGoodIndex) in benefit" :key="promotionGoodIndex" @click="routerGo(item)"> |
||||
<view class="pictrue"><image :src="item.image" class="image" /></view> |
||||
<view class="text"> |
||||
<view class="name line1">{{ item.storeName }}</view> |
||||
<view class="sp-money acea-row"> |
||||
<view class="moneyCon"> |
||||
促销价: ￥ |
||||
<text class="num">{{ item.price }}</text> |
||||
</view> |
||||
</view> |
||||
<view class="acea-row row-between-wrapper"> |
||||
<view class="money">日常价：￥{{ item.otPrice }}</view> |
||||
<view>仅剩：{{ item.stock }}{{ item.unitName }}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</template> |
||||
<script> |
||||
export default { |
||||
name: 'PromotionGood', |
||||
props: ['benefit'], |
||||
data: function () { |
||||
return {}; |
||||
}, |
||||
methods: { |
||||
routerGo(item) { |
||||
this.$yrouter.push({ |
||||
path: '/pages/shop/GoodsCon/index', |
||||
query: { |
||||
id: item.id |
||||
} |
||||
}); |
||||
} |
||||
}, |
||||
mounted() {} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
|
||||
.sh-title-card { |
||||
width: 750rpx; |
||||
} |
||||
.title-box { |
||||
width: 710rpx; |
||||
height: 88rpx; |
||||
margin: 0 auto; |
||||
position: relative; |
||||
border-radius: 30rpx; |
||||
|
||||
.title-bg { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.title-text { |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
transform: translate(-50%, -50%); |
||||
font-weight: bold; |
||||
} |
||||
} |
||||
.goods-box { |
||||
width: 345rpx; |
||||
background: #fff; |
||||
padding-bottom: 20rpx; |
||||
border-radius: 20rpx; |
||||
overflow: hidden; |
||||
|
||||
.img-box { |
||||
width: 345rpx; |
||||
height: 345rpx; |
||||
overflow: hidden; |
||||
position: relative; |
||||
|
||||
.tag-img { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
z-index: 2; |
||||
width: 80rpx; |
||||
height: 40rpx; |
||||
} |
||||
|
||||
.img { |
||||
width: 345rpx; |
||||
height: 345rpx; |
||||
background-color: #ccc; |
||||
} |
||||
} |
||||
|
||||
.tip { |
||||
width: 346rpx; |
||||
line-height: 56rpx; |
||||
background: rgba(246, 242, 234, 1); |
||||
font-size: 22rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 400; |
||||
color: rgba(168, 112, 13, 1); |
||||
padding: 0 20rpx; |
||||
} |
||||
|
||||
.title { |
||||
font-size: 24rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 500; |
||||
line-height: 36rpx; |
||||
height: 72rpx; |
||||
margin: 20rpx 20rpx 10rpx; |
||||
} |
||||
|
||||
.price-box { |
||||
padding: 10rpx 20rpx 0; |
||||
width: 344rpx; |
||||
box-sizing: border-box; |
||||
|
||||
.sales { |
||||
font-size: 20rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 400; |
||||
color: rgba(153, 153, 153, 1); |
||||
line-height: 20rpx; |
||||
margin-bottom: 20rpx; |
||||
} |
||||
|
||||
.current { |
||||
font-size: 30rpx; |
||||
font-weight: 500; |
||||
color: rgba(225, 33, 43, 1); |
||||
line-height: 30rpx; |
||||
margin-bottom: 20rpx; |
||||
|
||||
&:before { |
||||
content: '￥'; |
||||
font-size: 26rpx; |
||||
} |
||||
} |
||||
|
||||
.original { |
||||
font-size: 22rpx; |
||||
font-weight: 400; |
||||
text-decoration: line-through; |
||||
color: rgba(153, 153, 153, 1); |
||||
margin-left: 14rpx; |
||||
line-height: 22rpx; |
||||
margin-bottom: 10rpx; |
||||
|
||||
&:before { |
||||
content: '￥'; |
||||
font-size: 20rpx; |
||||
} |
||||
} |
||||
|
||||
.tag-box { |
||||
.discount { |
||||
line-height: 28rpx; |
||||
border: 1rpx solid rgba(225, 33, 43, 1); |
||||
border-radius: 8rpx; |
||||
font-size: 18rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 500; |
||||
color: rgba(225, 33, 43, 1); |
||||
padding: 0 8rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
export default { |
||||
name: 'PromotionGood', |
||||
props: ['benefit'], |
||||
data: function() { |
||||
return {}; |
||||
}, |
||||
methods: { |
||||
routerGo(item) { |
||||
this.$yrouter.push({ path: '/pages/shop/GoodsCon/index', query: { id: item.id } }); |
||||
} |
||||
}, |
||||
mounted() { |
||||
} |
||||
|
||||
// 为你推荐 |
||||
.hot-goods { |
||||
background: linear-gradient(#fff 200rpx, #f6f6f6 500rpx, #f6f6f6); |
||||
border-radius: 20rpx; |
||||
|
||||
.goods-list { |
||||
flex-wrap: wrap; |
||||
width: 710rpx; |
||||
|
||||
.goods-item { |
||||
margin-right: 20rpx; |
||||
margin-bottom: 20rpx; |
||||
width: 345rpx; |
||||
box-shadow: 0px 0px 10rpx 4rpx rgba(199, 199, 199, 0.22); |
||||
border-radius: 20rpx; |
||||
|
||||
&:nth-child(2n) { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
}; |
||||
</script> |
||||
|
||||
@ -1,87 +0,0 @@
|
||||
<template> |
||||
<view class="min-goods" @tap="jump('/pages/activity/GroupDetails/index', { id: detail.id })"> |
||||
<view class="img-box"> |
||||
<view class="tag" >{{ detail.people}}人团</view> |
||||
<image class="img" :src="detail.image" mode="widthFix"></image> |
||||
</view> |
||||
<view class="price-box"> |
||||
<view class="y-f"> |
||||
<text class="seckill-current">￥{{ detail.price }}</text> |
||||
<text class="original">{{ detail.browse }}人浏览</text> |
||||
</view> |
||||
</view> |
||||
<view class="title"><slot name="titleText"></slot></view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
components: {}, |
||||
data() { |
||||
return {}; |
||||
}, |
||||
props: { |
||||
detail: Object |
||||
}, |
||||
computed: {}, |
||||
methods: { |
||||
// 路由跳转 |
||||
jump(path, query) { |
||||
this.$yrouter.push({ |
||||
path, |
||||
query |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.min-goods { |
||||
width: 152rpx; |
||||
background: #fff; |
||||
.img-box { |
||||
width: 152rpx; |
||||
height: 152rpx; |
||||
overflow: hidden; |
||||
position: relative; |
||||
.tag { |
||||
position: absolute; |
||||
left: 0; |
||||
bottom: 0rpx; |
||||
z-index: 2; |
||||
line-height: 35rpx; |
||||
background: linear-gradient(132deg, rgba(243, 223, 177, 1), rgba(243, 223, 177, 1), rgba(236, 190, 96, 1)); |
||||
border-radius: 0px 18rpx 18rpx 0px; |
||||
padding: 0 10rpx; |
||||
font-size: 24rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: bold; |
||||
color: rgba(120, 79, 6, 1); |
||||
} |
||||
.img { |
||||
width: 100%; |
||||
background-color: #ccc; |
||||
} |
||||
} |
||||
.price-box { |
||||
width: 100%; |
||||
margin-top: 10rpx; |
||||
.seckill-current { |
||||
font-size: 30rpx; |
||||
font-weight: 500; |
||||
color: rgba(225, 33, 43, 1); |
||||
} |
||||
.original { |
||||
font-size: 20rpx; |
||||
font-weight: 400; |
||||
text-decoration: line-through; |
||||
color: rgba(153, 153, 153, 1); |
||||
margin-left: 14rpx; |
||||
} |
||||
} |
||||
.title { |
||||
font-size: 26rpx; |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,260 +0,0 @@
|
||||
<template> |
||||
<view class="adv-box mx20 mb10"> |
||||
<!-- 模板1--> |
||||
<view class="x-f" v-if="detail.style == 1"> |
||||
<image style="width:710rpx;height: 220rpx;" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" |
||||
mode="aspectFill"></image> |
||||
</view> |
||||
<!-- 模板2--> |
||||
<view class="type1 x-f" v-if="detail.style == 2"> |
||||
<image class="type1-img" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"> |
||||
</image> |
||||
<image class="type1-img" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill"> |
||||
</image> |
||||
</view> |
||||
<!-- 模板3--> |
||||
<view class="type2 x-bc" v-if="detail.style == 3"> |
||||
<image class="type2-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"> |
||||
</image> |
||||
<view class="y-f type2-box"> |
||||
<image class="type2-img2" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill" |
||||
style="border-bottom:1rpx solid #f6f6f6"></image> |
||||
<image class="type2-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" |
||||
mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
<!-- 模板4--> |
||||
<view class="type3 x-bc" v-if="detail.style == 4"> |
||||
<view class="type3-box y-f"> |
||||
<image class="type3-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" |
||||
mode="aspectFill"></image> |
||||
<image class="type3-img1" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" |
||||
mode="aspectFill"></image> |
||||
</view> |
||||
<image class="type3-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" mode="aspectFill"> |
||||
</image> |
||||
</view> |
||||
<!-- 模板5--> |
||||
<view class="type4 y-f" v-if="detail.style == 5"> |
||||
<view class="type4-box x-f"> |
||||
<image class="type4-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" |
||||
mode="aspectFill"></image> |
||||
<image class="type4-img1" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" |
||||
mode="aspectFill"></image> |
||||
</view> |
||||
<image class="type4-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" mode="aspectFill"> |
||||
</image> |
||||
</view> |
||||
<!-- 模板6--> |
||||
<view class="type5 y-f" v-if="detail.style == 6"> |
||||
<image class="type5-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" mode="aspectFill"> |
||||
</image> |
||||
<view class="type5-box x-bc"> |
||||
<image class="type5-img2" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" mode="aspectFill" |
||||
style="border-bottom:1rpx solid #f6f6f6"></image> |
||||
<image class="type5-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" |
||||
mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
<!-- 模板7--> |
||||
<view class="type6 y-f" v-if="detail.style == 7"> |
||||
<view class="x-f type6-box1"> |
||||
<image class="type6-img1" @tap="jump(detail.list[0].path)" :src="detail.list[0].image" |
||||
mode="aspectFill"></image> |
||||
<image class="type6-img1" @tap="jump(detail.list[1].path)" :src="detail.list[1].image" |
||||
mode="aspectFill"></image> |
||||
</view> |
||||
<view class="x-f type6-box2"> |
||||
<image class="type6-img2" @tap="jump(detail.list[2].path)" :src="detail.list[2].image" |
||||
mode="aspectFill"></image> |
||||
<image class="type6-img2" @tap="jump(detail.list[3].path)" :src="detail.list[3].image" |
||||
mode="aspectFill"></image> |
||||
<image class="type6-img2" @tap="jump(detail.list[4].path)" :src="detail.list[4].image" |
||||
mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
components: {}, |
||||
data() { |
||||
return { |
||||
detail: { |
||||
"list": [{ |
||||
"image": "https:\/\/shopro-1253949872.file.myqcloud.com\/uploads\/20200704\/0669a6adec3f35d45ec66a082e03774f.png", |
||||
"name": "", |
||||
"path": "\/pages\/app\/coupon\/list", |
||||
"path_name": "优惠券-优惠劵中心", |
||||
"path_type": 1 |
||||
}, { |
||||
"image": "https:\/\/shopro-1253949872.file.myqcloud.com\/uploads\/20200704\/cddb5d90a4241f6235d16368534bc730.png", |
||||
"name": "", |
||||
"path": "\/pages\/activity\/groupon\/list", |
||||
"path_name": "活动-今日必拼", |
||||
"path_type": 1 |
||||
}, { |
||||
"image": "https:\/\/shopro-1253949872.file.myqcloud.com\/uploads\/20200704\/e047d312fb5930de972ae288b9b3bae7.png", |
||||
"name": "", |
||||
"path": "\/pages\/app\/score\/list", |
||||
"path_name": "应用-积分商城", |
||||
"path_type": 1 |
||||
}], |
||||
"name": "", |
||||
"style": 3 |
||||
} |
||||
}; |
||||
}, |
||||
props: {}, |
||||
computed: {}, |
||||
created() {}, |
||||
methods: { |
||||
// 路由跳转 |
||||
jump(path) { |
||||
this.$yrouter.push({ |
||||
path: '/pages/shop/GoodsCon/index', |
||||
query: { |
||||
id: item.id |
||||
} |
||||
}); |
||||
this.$tools.routerTo(path); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.adv-box { |
||||
background-color: #fff; |
||||
border-radius: 20rpx; |
||||
overflow: hidden; |
||||
image{ |
||||
width: 100%; |
||||
} |
||||
.type1 { |
||||
.type1-img { |
||||
flex: 1; |
||||
height: 220rpx; |
||||
|
||||
&:first-child { |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type2 { |
||||
.type2-img1 { |
||||
width: (710rpx/2); |
||||
height: 340rpx; |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
|
||||
.type2-box { |
||||
flex: 1; |
||||
height: 340rpx; |
||||
width: (710rpx/2); |
||||
|
||||
.type2-img2 { |
||||
height: (340rpx/2); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type3 { |
||||
.type3-box { |
||||
width: (710rpx/2); |
||||
border-right: 1rpx solid #f6f6f6; |
||||
|
||||
.type3-img1 { |
||||
flex: 1; |
||||
height: (340rpx/2); |
||||
|
||||
&:first-child { |
||||
border-bottom: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type3-img2 { |
||||
flex: 1; |
||||
height: 340rpx; |
||||
width: (710rpx/2); |
||||
} |
||||
} |
||||
|
||||
.type4 { |
||||
.type4-box { |
||||
border-bottom: 1rpx solid #f6f6f6; |
||||
|
||||
.type4-img1 { |
||||
flex: 1; |
||||
height: (340rpx/2); |
||||
|
||||
&:first-child { |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type4-img2 { |
||||
flex: 1; |
||||
height: (340rpx/2); |
||||
width: 710rpx; |
||||
} |
||||
} |
||||
|
||||
.type5 { |
||||
.type5-img1 { |
||||
width: 710rpx; |
||||
height: (340rpx/2); |
||||
border-bottom: 1rpx solid #f6f6f6; |
||||
} |
||||
|
||||
.type5-box { |
||||
flex: 1; |
||||
height: (340rpx/2); |
||||
width: 710rpx; |
||||
|
||||
.type5-img2 { |
||||
height: (340rpx/2); |
||||
|
||||
&:first-child { |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type6 { |
||||
.type6-box1 { |
||||
.type6-img1 { |
||||
width: (710rpx/2); |
||||
height: (340rpx/2); |
||||
|
||||
&:first-child { |
||||
border-right: 1rpx solid #f6f6f6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.type6-box2 { |
||||
border-top: 1rpx solid #f6f6f6; |
||||
|
||||
.type6-img2 { |
||||
width: (710rpx/3); |
||||
height: (340rpx/2); |
||||
border-right: 1rpx solid #f6f6f6; |
||||
|
||||
&:last-child { |
||||
border-right: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
image { |
||||
// background-color: #ccc; |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,197 +0,0 @@
|
||||
<template> |
||||
<!-- 今日必拼 --> |
||||
<view class="group-goods pa20 mx20 mb10"> |
||||
<view class="title-box x-bc" @tap="jump('/pages/activity/GoodsGroup/index')"> |
||||
<text class="title">超值拼团</text> |
||||
<view class="group-people x-f"> |
||||
<text class="tip">更多</text> |
||||
<text class="cuIcon-right"></text> |
||||
</view> |
||||
</view> |
||||
<view class="goods-box swiper-box x-f"> |
||||
<swiper class="carousel" circular @change="swiperChange" :autoplay="true" duration="2000"> |
||||
<swiper-item v-for="(goods, index) in goodsList" :key="index" class="carousel-item"> |
||||
<view class="goods-list-box x-f"> |
||||
<block v-for="mgoods in goods" :key="mgoods.id"> |
||||
<sh-activity-goods :detail="mgoods" class="goods-item"> |
||||
<!-- <block slot="titleText">立减￥8.5</block> --> |
||||
</sh-activity-goods> |
||||
</block> |
||||
</view> |
||||
</swiper-item> |
||||
</swiper> |
||||
<view class="swiper-dots" v-if="goodsList.length > 1"> |
||||
<text :class="swiperCurrent === index ? 'dot-active' : 'dot'" v-for="(dot, index) in goodsList.length" |
||||
:key="index"></text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import shActivityGoods from './sh-activity-goods.vue'; |
||||
export default { |
||||
name: 'shGroupon', |
||||
components: { |
||||
shActivityGoods |
||||
}, |
||||
data() { |
||||
return { |
||||
goodsList: [], |
||||
swiperCurrent: 0 |
||||
}; |
||||
}, |
||||
props: { |
||||
detail: Array |
||||
}, |
||||
computed: {}, |
||||
created() {}, |
||||
watch: { |
||||
detail(next) { |
||||
this.goodsList = this.sortData(next, 4); |
||||
} |
||||
}, |
||||
methods: { |
||||
swiperChange(e) { |
||||
this.swiperCurrent = e.detail.current; |
||||
}, |
||||
// 数据分层 |
||||
sortData(oArr, length) { |
||||
let arr = []; |
||||
let minArr = []; |
||||
oArr.forEach(c => { |
||||
if (minArr.length === length) { |
||||
minArr = []; |
||||
} |
||||
if (minArr.length === 0) { |
||||
arr.push(minArr); |
||||
} |
||||
minArr.push(c); |
||||
}); |
||||
|
||||
return arr; |
||||
}, |
||||
jump(path, query) { |
||||
this.$yrouter.push({ |
||||
path, |
||||
query, |
||||
}); |
||||
}, |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.swiper-box, |
||||
.carousel { |
||||
width: 700rpx; |
||||
height: 240upx; |
||||
position: relative; |
||||
border-radius: 20rpx; |
||||
|
||||
.carousel-item { |
||||
width: 100%; |
||||
height: 100%; |
||||
// padding: 0 28upx; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.swiper-image { |
||||
width: 100%; |
||||
height: 100%; |
||||
// border-radius: 10upx; |
||||
background: #ccc; |
||||
} |
||||
} |
||||
|
||||
.swiper-dots { |
||||
display: flex; |
||||
position: absolute; |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
bottom: 0rpx; |
||||
z-index: 66; |
||||
|
||||
.dot { |
||||
width: 45rpx; |
||||
height: 3rpx; |
||||
background: #eee; |
||||
border-radius: 50%; |
||||
margin-right: 10rpx; |
||||
} |
||||
|
||||
.dot-active { |
||||
width: 45rpx; |
||||
height: 3rpx; |
||||
background: #a8700d; |
||||
border-radius: 50%; |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
|
||||
// 今日必拼+限时抢购 |
||||
.group-goods { |
||||
background: #fff; |
||||
border-radius: 20rpx; |
||||
overflow: hidden; |
||||
|
||||
.title-box { |
||||
padding-bottom: 20rpx; |
||||
|
||||
.title { |
||||
font-size: 32rpx; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.group-people { |
||||
.time-box { |
||||
font-size: 26rpx; |
||||
color: #edbf62; |
||||
|
||||
.count-text-box { |
||||
width: 30rpx; |
||||
height: 34rpx; |
||||
background: #edbf62; |
||||
text-align: center; |
||||
line-height: 34rpx; |
||||
font-size: 24rpx; |
||||
border-radius: 6rpx; |
||||
color: rgba(#fff, 0.9); |
||||
margin: 0 8rpx; |
||||
} |
||||
} |
||||
|
||||
.head-box { |
||||
.head-img { |
||||
width: 40rpx; |
||||
height: 40rpx; |
||||
border-radius: 50%; |
||||
background: #ccc; |
||||
} |
||||
} |
||||
|
||||
.tip { |
||||
font-size: 28rpx; |
||||
padding-left: 30rpx; |
||||
color: #666; |
||||
} |
||||
|
||||
.cuIcon-right { |
||||
font-size: 30rpx; |
||||
line-height: 28rpx; |
||||
color: #666; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.goods-box { |
||||
.goods-item { |
||||
margin-right: 22rpx; |
||||
|
||||
&:nth-child(4n) { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,5 +1,5 @@
|
||||
|
||||
// export const VUE_APP_API_URL = 'http://natapp.xinxintuan.co/api';
|
||||
// export const VUE_APP_API_URL = 'https://wxapi.yixiang.co/api';
|
||||
export const VUE_APP_API_URL = 'https://h5api.xinxintuan.co/api'; |
||||
export const VUE_APP_API_URL = 'https://wxapi.yixiang.co/api'; |
||||
// export const VUE_APP_API_URL = 'https://h5api.dayouqiantu.cn/api';
|
||||
export const VUE_APP_RESOURCES_URL = 'https://h5.yixiang.co/static'; |
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,193 +1,219 @@
|
||||
<template> |
||||
<view class="container"> |
||||
<!-- #ifdef MP-WEIXIN --> |
||||
<view v-if="!token" class="force-login-wrap"> |
||||
<image class="logo-bg" src="@/static/images/logo_bg.png" mode="aspectFill"></image> |
||||
<view class="force-login__content y-f"> |
||||
<open-data class="user-avatar" type="userAvatarUrl"></open-data> |
||||
<open-data class="user-name" type="userNickName"></open-data> |
||||
<view class="login-notice">为了提供更优质的服务，需要获取您的头像昵称</view> |
||||
<button class="cu-btn author-btn" @getuserinfo="getUserInfo" open-type="getUserInfo">授权并查看</button> |
||||
<button class="cu-btn close-btn" @tap="back">暂不授权</button> |
||||
<view v-if="!token"> |
||||
<!-- #ifdef MP-WEIXIN --> |
||||
<view> |
||||
<view class="getUserInfo"> |
||||
<text>您还未允许微信登录授权，请点击下方按钮允许微信授权登录。</text> |
||||
<button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">允许微信登录授权</button> |
||||
<view style="height:20rpx"></view> |
||||
<button @click="back">取消微信登录授权</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- #endif --> |
||||
<!-- #ifndef MP-WEIXIN --> |
||||
<view class="force-login-wrap"> |
||||
<image class="logo-bg" src="@/static/images/logo_bg.png" mode="aspectFill"></image> |
||||
<view class="force-login__content y-f"> |
||||
<view class="login-notice">为了提供更优质的服务，请先登录</view> |
||||
<button class="cu-btn author-btn" @tap="toLogin">去登录</button> |
||||
<!-- #endif --> |
||||
<!-- #ifndef MP-WEIXIN --> |
||||
<view> |
||||
<view class="getUserInfo"> |
||||
<text>请先登录</text> |
||||
<button type="primary" @tap="toLogin">去登录</button> |
||||
</view> |
||||
</view> |
||||
<!-- #endif --> |
||||
</view> |
||||
<!-- #endif --> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
mapState, |
||||
mapMutations, |
||||
mapActions |
||||
} from "vuex"; |
||||
import { |
||||
wxappAuth, |
||||
getUser |
||||
} from "@/api/user"; |
||||
import dayjs from "dayjs"; |
||||
import cookie from "@/utils/store/cookie"; |
||||
import { |
||||
login, |
||||
authorize |
||||
} from "@/utils"; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
authorize: false, |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapState(["isAuthorization", "$deviceType", "token"]), |
||||
}, |
||||
onShow() { |
||||
// // 先校验用户是否授权，如果没有授权，显示授权按钮 |
||||
}, |
||||
onHide() { |
||||
this.updateAuthorizationPage(false); |
||||
this.changeAuthorization(false); |
||||
import { mapState, mapMutations, mapActions } from "vuex"; |
||||
import { wxappAuth, getUser } from "@/api/user"; |
||||
import dayjs from "dayjs"; |
||||
import cookie from "@/utils/store/cookie"; |
||||
import { login, authorize } from "@/utils"; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
authorize: false, |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapState(["isAuthorization", "$deviceType", "token"]), |
||||
}, |
||||
onShow() { |
||||
// // 先校验用户是否授权，如果没有授权，显示授权按钮 |
||||
}, |
||||
onHide() { |
||||
this.updateAuthorizationPage(false); |
||||
this.changeAuthorization(false); |
||||
}, |
||||
onUnload() { |
||||
this.updateAuthorizationPage(false); |
||||
this.changeAuthorization(false); |
||||
}, |
||||
methods: { |
||||
...mapActions(["changeAuthorization", "setUserInfo"]), |
||||
...mapMutations(["updateAuthorizationPage"]), |
||||
toLogin() { |
||||
this.$yrouter.push({ |
||||
path: "/pages/user/Login/index", |
||||
query: {}, |
||||
}); |
||||
}, |
||||
onUnload() { |
||||
this.updateAuthorizationPage(false); |
||||
this.changeAuthorization(false); |
||||
back() { |
||||
this.$yrouter.switchTab({ |
||||
path: "/pages/home/index", |
||||
query: {}, |
||||
}); |
||||
}, |
||||
methods: { |
||||
...mapActions(["changeAuthorization", "setUserInfo"]), |
||||
...mapMutations(["updateAuthorizationPage"]), |
||||
toLogin() { |
||||
this.$yrouter.push({ |
||||
path: "/pages/user/Login/index", |
||||
query: {}, |
||||
getUserInfo(data) { |
||||
if (data.detail.errMsg == "getUserInfo:fail auth deny") { |
||||
uni.showToast({ |
||||
title: "取消授权", |
||||
icon: "none", |
||||
duration: 2000, |
||||
}); |
||||
}, |
||||
back() { |
||||
this.$yrouter.switchTab({ |
||||
path: "/pages/home/index", |
||||
query: {}, |
||||
}); |
||||
}, |
||||
getUserInfo(data) { |
||||
if (data.detail.errMsg == "getUserInfo:fail auth deny") { |
||||
return; |
||||
} |
||||
uni.showLoading({ |
||||
title: "登录中", |
||||
}); |
||||
login() |
||||
.then((res) => { |
||||
this.$yrouter.replace({ path: cookie.get("redirect") }); |
||||
}) |
||||
.catch((error) => { |
||||
console.log(error); |
||||
uni.showToast({ |
||||
title: "取消授权", |
||||
title: error, |
||||
icon: "none", |
||||
duration: 2000, |
||||
}); |
||||
return; |
||||
} |
||||
uni.showLoading({ |
||||
title: "登录中", |
||||
}); |
||||
login() |
||||
.then((res) => { |
||||
this.$yrouter.replace({ |
||||
path: cookie.get("redirect") |
||||
}); |
||||
}) |
||||
.catch((error) => { |
||||
console.log(error); |
||||
uni.showToast({ |
||||
title: error, |
||||
icon: "none", |
||||
duration: 2000, |
||||
}); |
||||
}); |
||||
}, |
||||
}, |
||||
mounted() {}, |
||||
}; |
||||
}, |
||||
mounted() {}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.container { |
||||
.sp-cell { |
||||
height: 20rpx; |
||||
} |
||||
|
||||
.getUserInfo { |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
padding: 30px; |
||||
|
||||
text { |
||||
font-size: 30rpx; |
||||
text-align: center; |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
.container { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: flex-start; |
||||
position: relative; |
||||
} |
||||
|
||||
.tab-bar { |
||||
font-size: 0; |
||||
display: flex; |
||||
align-items: center; |
||||
background: rgba(255, 255, 255, 0.9); |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 99; |
||||
border-top: 1px solid rgba(248, 248, 248, 1); |
||||
|
||||
.tab-bar-item { |
||||
flex: 1; |
||||
height: 49px; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
justify-content: flex-start; |
||||
position: relative; |
||||
} |
||||
|
||||
.force-login-wrap { |
||||
position: fixed; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
overflow: hidden; |
||||
z-index: 11111; |
||||
top: 0; |
||||
background: linear-gradient(180deg, rgba(239, 196, 128, 1) 0%, rgba(248, 220, 165, 1) 25%, rgba(255, 255, 255, 1) 98%); |
||||
|
||||
.logo-bg { |
||||
width: 640rpx; |
||||
height: 300rpx; |
||||
} |
||||
|
||||
.force-login__content { |
||||
position: absolute; |
||||
left: 50%; |
||||
top: 50%; |
||||
transform: translate(-50%, -50%); |
||||
|
||||
.user-avatar { |
||||
width: 160rpx; |
||||
height: 160rpx; |
||||
border-radius: 50%; |
||||
overflow: hidden; |
||||
margin-bottom: 40rpx; |
||||
&.active { |
||||
text { |
||||
color: #ee7559; |
||||
} |
||||
|
||||
.user-name { |
||||
font-size: 35rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: bold; |
||||
color: rgba(132, 87, 8, 1); |
||||
margin-bottom: 30rpx; |
||||
} |
||||
.tab-bar-pic { |
||||
display: none; |
||||
background: #f9f9f9; |
||||
|
||||
.login-notice { |
||||
font-size: 28rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 400; |
||||
color: rgba(200, 150, 61, 1); |
||||
line-height: 44rpx; |
||||
width: 500rpx; |
||||
text-align: center; |
||||
margin-bottom: 80rpx; |
||||
&.active { |
||||
display: block; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.author-btn { |
||||
width: 630rpx; |
||||
height: 80rpx; |
||||
background: linear-gradient(90deg, rgba(233, 180, 97, 1), rgba(238, 204, 137, 1)); |
||||
box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22); |
||||
border-radius: 40rpx; |
||||
font-size: 30rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 500; |
||||
color: rgba(255, 255, 255, 1); |
||||
} |
||||
.tab-bar-pic { |
||||
display: block; |
||||
background: #f9f9f9; |
||||
|
||||
.close-btn { |
||||
width: 630rpx; |
||||
height: 80rpx; |
||||
margin-top: 30rpx; |
||||
border-radius: 40rpx; |
||||
border: 2rpx solid rgba(233, 180, 97, 1); |
||||
background: none; |
||||
font-size: 30rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 500; |
||||
color: rgba(233, 180, 97, 1); |
||||
&.active { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.tab-bar-pic { |
||||
width: 25px; |
||||
height: 25px; |
||||
background: #f9f9f9; |
||||
|
||||
image { |
||||
width: 25px; |
||||
height: 25px; |
||||
} |
||||
} |
||||
|
||||
.tab-bar-pic-active { |
||||
} |
||||
|
||||
text { |
||||
font-size: 10px; |
||||
color: rgb(160, 160, 160); |
||||
line-height: 10px; |
||||
margin-top: 5px; |
||||
} |
||||
} |
||||
|
||||
.tab-bar-bg { |
||||
padding-top: 46px; |
||||
width: 100%; |
||||
} |
||||
|
||||
.view-item { |
||||
display: none; |
||||
width: 100%; |
||||
} |
||||
|
||||
.view-item-active { |
||||
display: block; |
||||
} |
||||
|
||||
.getUserInfo { |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
padding: 30px; |
||||
|
||||
p { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
._van-dialog { |
||||
z-index: 99999999999; |
||||
} |
||||
</style> |
||||
|
||||
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
@ -1,510 +0,0 @@
|
||||
@charset "UTF-8"; |
||||
/** |
||||
* 这里是uni-app内置的常用样式变量 |
||||
* |
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
||||
* |
||||
*/ |
||||
/** |
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
||||
* |
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
||||
*/ |
||||
/* 颜色变量 */ |
||||
/* 行为相关颜色 */ |
||||
/* 文字基本颜色 */ |
||||
/* 背景颜色 */ |
||||
/* 边框颜色 */ |
||||
/* 尺寸变量 */ |
||||
/* 文字尺寸 */ |
||||
/* 图片尺寸 */ |
||||
/* Border Radius */ |
||||
/* 水平间距 */ |
||||
/* 垂直间距 */ |
||||
/* 透明度 */ |
||||
/* 文章场景相关 */ |
||||
/* ================== |
||||
自定义变量 |
||||
==================== */ |
||||
/*盒子模型*/ |
||||
.mt2 { |
||||
margin-top: 2rpx; |
||||
} |
||||
|
||||
.mr2 { |
||||
margin-right: 2rpx; |
||||
} |
||||
|
||||
.mb2 { |
||||
margin-bottom: 2rpx; |
||||
} |
||||
|
||||
.ml2 { |
||||
margin-left: 2rpx; |
||||
} |
||||
|
||||
.mx2 { |
||||
margin-left: 2rpx; |
||||
margin-right: 2rpx; |
||||
} |
||||
|
||||
.my2 { |
||||
margin-top: 2rpx; |
||||
margin-bottom: 2rpx; |
||||
} |
||||
|
||||
.ma2 { |
||||
margin: 2rpx; |
||||
} |
||||
|
||||
.mt4 { |
||||
margin-top: 4rpx; |
||||
} |
||||
|
||||
.mr4 { |
||||
margin-right: 4rpx; |
||||
} |
||||
|
||||
.mb4 { |
||||
margin-bottom: 4rpx; |
||||
} |
||||
|
||||
.ml4 { |
||||
margin-left: 4rpx; |
||||
} |
||||
|
||||
.mx4 { |
||||
margin-left: 4rpx; |
||||
margin-right: 4rpx; |
||||
} |
||||
|
||||
.my4 { |
||||
margin-top: 4rpx; |
||||
margin-bottom: 4rpx; |
||||
} |
||||
|
||||
.ma4 { |
||||
margin: 4rpx; |
||||
} |
||||
|
||||
.mt8 { |
||||
margin-top: 8rpx; |
||||
} |
||||
|
||||
.mr8 { |
||||
margin-right: 8rpx; |
||||
} |
||||
|
||||
.mb8 { |
||||
margin-bottom: 8rpx; |
||||
} |
||||
|
||||
.ml8 { |
||||
margin-left: 8rpx; |
||||
} |
||||
|
||||
.mx8 { |
||||
margin-left: 8rpx; |
||||
margin-right: 8rpx; |
||||
} |
||||
|
||||
.my8 { |
||||
margin-top: 8rpx; |
||||
margin-bottom: 8rpx; |
||||
} |
||||
|
||||
.ma8 { |
||||
margin: 8rpx; |
||||
} |
||||
|
||||
.mt10 { |
||||
margin-top: 10rpx; |
||||
} |
||||
|
||||
.mr10 { |
||||
margin-right: 10rpx; |
||||
} |
||||
|
||||
.mb10 { |
||||
margin-bottom: 10rpx; |
||||
} |
||||
|
||||
.ml10 { |
||||
margin-left: 10rpx; |
||||
} |
||||
|
||||
.mx10 { |
||||
margin-left: 10rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
|
||||
.my10 { |
||||
margin-top: 10rpx; |
||||
margin-bottom: 10rpx; |
||||
} |
||||
|
||||
.ma10 { |
||||
margin: 10rpx; |
||||
} |
||||
|
||||
.mt15 { |
||||
margin-top: 15rpx; |
||||
} |
||||
|
||||
.mr15 { |
||||
margin-right: 15rpx; |
||||
} |
||||
|
||||
.mb15 { |
||||
margin-bottom: 15rpx; |
||||
} |
||||
|
||||
.ml15 { |
||||
margin-left: 15rpx; |
||||
} |
||||
|
||||
.mx15 { |
||||
margin-left: 15rpx; |
||||
margin-right: 15rpx; |
||||
} |
||||
|
||||
.my15 { |
||||
margin-top: 15rpx; |
||||
margin-bottom: 15rpx; |
||||
} |
||||
|
||||
.ma15 { |
||||
margin: 15rpx; |
||||
} |
||||
|
||||
.mt20 { |
||||
margin-top: 20rpx; |
||||
} |
||||
|
||||
.mr20 { |
||||
margin-right: 20rpx; |
||||
} |
||||
|
||||
.mb20 { |
||||
margin-bottom: 20rpx; |
||||
} |
||||
|
||||
.ml20 { |
||||
margin-left: 20rpx; |
||||
} |
||||
|
||||
.mx20 { |
||||
margin-left: 20rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
|
||||
.my20 { |
||||
margin-top: 20rpx; |
||||
margin-bottom: 20rpx; |
||||
} |
||||
|
||||
.ma20 { |
||||
margin: 20rpx; |
||||
} |
||||
|
||||
.mt24 { |
||||
margin-top: 24rpx; |
||||
} |
||||
|
||||
.mr24 { |
||||
margin-right: 24rpx; |
||||
} |
||||
|
||||
.mb24 { |
||||
margin-bottom: 24rpx; |
||||
} |
||||
|
||||
.ml24 { |
||||
margin-left: 24rpx; |
||||
} |
||||
|
||||
.mx24 { |
||||
margin-left: 24rpx; |
||||
margin-right: 24rpx; |
||||
} |
||||
|
||||
.my24 { |
||||
margin-top: 24rpx; |
||||
margin-bottom: 24rpx; |
||||
} |
||||
|
||||
.ma24 { |
||||
margin: 24rpx; |
||||
} |
||||
|
||||
.mt30 { |
||||
margin-top: 30rpx; |
||||
} |
||||
|
||||
.mr30 { |
||||
margin-right: 30rpx; |
||||
} |
||||
|
||||
.mb30 { |
||||
margin-bottom: 30rpx; |
||||
} |
||||
|
||||
.ml30 { |
||||
margin-left: 30rpx; |
||||
} |
||||
|
||||
.mx30 { |
||||
margin-left: 30rpx; |
||||
margin-right: 30rpx; |
||||
} |
||||
|
||||
.my30 { |
||||
margin-top: 30rpx; |
||||
margin-bottom: 30rpx; |
||||
} |
||||
|
||||
.ma30 { |
||||
margin: 30rpx; |
||||
} |
||||
|
||||
.pt2 { |
||||
padding-top: 2rpx; |
||||
} |
||||
|
||||
.pr2 { |
||||
padding-right: 2rpx; |
||||
} |
||||
|
||||
.pb2 { |
||||
padding-bottom: 2rpx; |
||||
} |
||||
|
||||
.pl2 { |
||||
padding-left: 2rpx; |
||||
} |
||||
|
||||
.px2 { |
||||
padding-left: 2rpx; |
||||
padding-right: 2rpx; |
||||
} |
||||
|
||||
.py2 { |
||||
padding-top: 2rpx; |
||||
padding-bottom: 2rpx; |
||||
} |
||||
|
||||
.pa2 { |
||||
padding: 2rpx; |
||||
} |
||||
|
||||
.pt4 { |
||||
padding-top: 4rpx; |
||||
} |
||||
|
||||
.pr4 { |
||||
padding-right: 4rpx; |
||||
} |
||||
|
||||
.pb4 { |
||||
padding-bottom: 4rpx; |
||||
} |
||||
|
||||
.pl4 { |
||||
padding-left: 4rpx; |
||||
} |
||||
|
||||
.px4 { |
||||
padding-left: 4rpx; |
||||
padding-right: 4rpx; |
||||
} |
||||
|
||||
.py4 { |
||||
padding-top: 4rpx; |
||||
padding-bottom: 4rpx; |
||||
} |
||||
|
||||
.pa4 { |
||||
padding: 4rpx; |
||||
} |
||||
|
||||
.pt8 { |
||||
padding-top: 8rpx; |
||||
} |
||||
|
||||
.pr8 { |
||||
padding-right: 8rpx; |
||||
} |
||||
|
||||
.pb8 { |
||||
padding-bottom: 8rpx; |
||||
} |
||||
|
||||
.pl8 { |
||||
padding-left: 8rpx; |
||||
} |
||||
|
||||
.px8 { |
||||
padding-left: 8rpx; |
||||
padding-right: 8rpx; |
||||
} |
||||
|
||||
.py8 { |
||||
padding-top: 8rpx; |
||||
padding-bottom: 8rpx; |
||||
} |
||||
|
||||
.pa8 { |
||||
padding: 8rpx; |
||||
} |
||||
|
||||
.pt10 { |
||||
padding-top: 10rpx; |
||||
} |
||||
|
||||
.pr10 { |
||||
padding-right: 10rpx; |
||||
} |
||||
|
||||
.pb10 { |
||||
padding-bottom: 10rpx; |
||||
} |
||||
|
||||
.pl10 { |
||||
padding-left: 10rpx; |
||||
} |
||||
|
||||
.px10 { |
||||
padding-left: 10rpx; |
||||
padding-right: 10rpx; |
||||
} |
||||
|
||||
.py10 { |
||||
padding-top: 10rpx; |
||||
padding-bottom: 10rpx; |
||||
} |
||||
|
||||
.pa10 { |
||||
padding: 10rpx; |
||||
} |
||||
|
||||
.pt15 { |
||||
padding-top: 15rpx; |
||||
} |
||||
|
||||
.pr15 { |
||||
padding-right: 15rpx; |
||||
} |
||||
|
||||
.pb15 { |
||||
padding-bottom: 15rpx; |
||||
} |
||||
|
||||
.pl15 { |
||||
padding-left: 15rpx; |
||||
} |
||||
|
||||
.px15 { |
||||
padding-left: 15rpx; |
||||
padding-right: 15rpx; |
||||
} |
||||
|
||||
.py15 { |
||||
padding-top: 15rpx; |
||||
padding-bottom: 15rpx; |
||||
} |
||||
|
||||
.pa15 { |
||||
padding: 15rpx; |
||||
} |
||||
|
||||
.pt20 { |
||||
padding-top: 20rpx; |
||||
} |
||||
|
||||
.pr20 { |
||||
padding-right: 20rpx; |
||||
} |
||||
|
||||
.pb20 { |
||||
padding-bottom: 20rpx; |
||||
} |
||||
|
||||
.pl20 { |
||||
padding-left: 20rpx; |
||||
} |
||||
|
||||
.px20 { |
||||
padding-left: 20rpx; |
||||
padding-right: 20rpx; |
||||
} |
||||
|
||||
.py20 { |
||||
padding-top: 20rpx; |
||||
padding-bottom: 20rpx; |
||||
} |
||||
|
||||
.pa20 { |
||||
padding: 20rpx; |
||||
} |
||||
|
||||
.pt24 { |
||||
padding-top: 24rpx; |
||||
} |
||||
|
||||
.pr24 { |
||||
padding-right: 24rpx; |
||||
} |
||||
|
||||
.pb24 { |
||||
padding-bottom: 24rpx; |
||||
} |
||||
|
||||
.pl24 { |
||||
padding-left: 24rpx; |
||||
} |
||||
|
||||
.px24 { |
||||
padding-left: 24rpx; |
||||
padding-right: 24rpx; |
||||
} |
||||
|
||||
.py24 { |
||||
padding-top: 24rpx; |
||||
padding-bottom: 24rpx; |
||||
} |
||||
|
||||
.pa24 { |
||||
padding: 24rpx; |
||||
} |
||||
|
||||
.pt30 { |
||||
padding-top: 30rpx; |
||||
} |
||||
|
||||
.pr30 { |
||||
padding-right: 30rpx; |
||||
} |
||||
|
||||
.pb30 { |
||||
padding-bottom: 30rpx; |
||||
} |
||||
|
||||
.pl30 { |
||||
padding-left: 30rpx; |
||||
} |
||||
|
||||
.px30 { |
||||
padding-left: 30rpx; |
||||
padding-right: 30rpx; |
||||
} |
||||
|
||||
.py30 { |
||||
padding-top: 30rpx; |
||||
padding-bottom: 30rpx; |
||||
} |
||||
|
||||
.pa30 { |
||||
padding: 30rpx; |
||||
} |
||||
/*# sourceMappingURL=uni.css.map */ |
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
.mt2{margin-top:2rpx}.mr2{margin-right:2rpx}.mb2{margin-bottom:2rpx}.ml2{margin-left:2rpx}.mx2{margin-left:2rpx;margin-right:2rpx}.my2{margin-top:2rpx;margin-bottom:2rpx}.ma2{margin:2rpx}.mt4{margin-top:4rpx}.mr4{margin-right:4rpx}.mb4{margin-bottom:4rpx}.ml4{margin-left:4rpx}.mx4{margin-left:4rpx;margin-right:4rpx}.my4{margin-top:4rpx;margin-bottom:4rpx}.ma4{margin:4rpx}.mt8{margin-top:8rpx}.mr8{margin-right:8rpx}.mb8{margin-bottom:8rpx}.ml8{margin-left:8rpx}.mx8{margin-left:8rpx;margin-right:8rpx}.my8{margin-top:8rpx;margin-bottom:8rpx}.ma8{margin:8rpx}.mt10{margin-top:10rpx}.mr10{margin-right:10rpx}.mb10{margin-bottom:10rpx}.ml10{margin-left:10rpx}.mx10{margin-left:10rpx;margin-right:10rpx}.my10{margin-top:10rpx;margin-bottom:10rpx}.ma10{margin:10rpx}.mt15{margin-top:15rpx}.mr15{margin-right:15rpx}.mb15{margin-bottom:15rpx}.ml15{margin-left:15rpx}.mx15{margin-left:15rpx;margin-right:15rpx}.my15{margin-top:15rpx;margin-bottom:15rpx}.ma15{margin:15rpx}.mt20{margin-top:20rpx}.mr20{margin-right:20rpx}.mb20{margin-bottom:20rpx}.ml20{margin-left:20rpx}.mx20{margin-left:20rpx;margin-right:20rpx}.my20{margin-top:20rpx;margin-bottom:20rpx}.ma20{margin:20rpx}.mt24{margin-top:24rpx}.mr24{margin-right:24rpx}.mb24{margin-bottom:24rpx}.ml24{margin-left:24rpx}.mx24{margin-left:24rpx;margin-right:24rpx}.my24{margin-top:24rpx;margin-bottom:24rpx}.ma24{margin:24rpx}.mt30{margin-top:30rpx}.mr30{margin-right:30rpx}.mb30{margin-bottom:30rpx}.ml30{margin-left:30rpx}.mx30{margin-left:30rpx;margin-right:30rpx}.my30{margin-top:30rpx;margin-bottom:30rpx}.ma30{margin:30rpx}.pt2{padding-top:2rpx}.pr2{padding-right:2rpx}.pb2{padding-bottom:2rpx}.pl2{padding-left:2rpx}.px2{padding-left:2rpx;padding-right:2rpx}.py2{padding-top:2rpx;padding-bottom:2rpx}.pa2{padding:2rpx}.pt4{padding-top:4rpx}.pr4{padding-right:4rpx}.pb4{padding-bottom:4rpx}.pl4{padding-left:4rpx}.px4{padding-left:4rpx;padding-right:4rpx}.py4{padding-top:4rpx;padding-bottom:4rpx}.pa4{padding:4rpx}.pt8{padding-top:8rpx}.pr8{padding-right:8rpx}.pb8{padding-bottom:8rpx}.pl8{padding-left:8rpx}.px8{padding-left:8rpx;padding-right:8rpx}.py8{padding-top:8rpx;padding-bottom:8rpx}.pa8{padding:8rpx}.pt10{padding-top:10rpx}.pr10{padding-right:10rpx}.pb10{padding-bottom:10rpx}.pl10{padding-left:10rpx}.px10{padding-left:10rpx;padding-right:10rpx}.py10{padding-top:10rpx;padding-bottom:10rpx}.pa10{padding:10rpx}.pt15{padding-top:15rpx}.pr15{padding-right:15rpx}.pb15{padding-bottom:15rpx}.pl15{padding-left:15rpx}.px15{padding-left:15rpx;padding-right:15rpx}.py15{padding-top:15rpx;padding-bottom:15rpx}.pa15{padding:15rpx}.pt20{padding-top:20rpx}.pr20{padding-right:20rpx}.pb20{padding-bottom:20rpx}.pl20{padding-left:20rpx}.px20{padding-left:20rpx;padding-right:20rpx}.py20{padding-top:20rpx;padding-bottom:20rpx}.pa20{padding:20rpx}.pt24{padding-top:24rpx}.pr24{padding-right:24rpx}.pb24{padding-bottom:24rpx}.pl24{padding-left:24rpx}.px24{padding-left:24rpx;padding-right:24rpx}.py24{padding-top:24rpx;padding-bottom:24rpx}.pa24{padding:24rpx}.pt30{padding-top:30rpx}.pr30{padding-right:30rpx}.pb30{padding-bottom:30rpx}.pl30{padding-left:30rpx}.px30{padding-left:30rpx;padding-right:30rpx}.py30{padding-top:30rpx;padding-bottom:30rpx}.pa30{padding:30rpx} |
||||
Loading…
Reference in new issue