diff --git a/api/user.js b/api/user.js index ebfe155..dd1ed6d 100644 --- a/api/user.js +++ b/api/user.js @@ -585,4 +585,17 @@ export function getHistory(params) { */ export function getUserLike(params) { return request.get('/cart/guessYouLike',params) +} + +/** + * 用户功能指引状态 + * @param {*} params + * @returns + */ +export function queryUserGuide(params) { + return request.get('/user/guide/status', params) +} + +export function setUserGuide(params) { + return request.post('/user/guide/status', params) } \ No newline at end of file diff --git a/components/FunctionGuide.vue b/components/FunctionGuide.vue index 3867927..c24e4ef 100644 --- a/components/FunctionGuide.vue +++ b/components/FunctionGuide.vue @@ -93,6 +93,8 @@ }, next() { this.throttle(() => { + console.log(this.functionGuideData.step, this.maxStep); + if (this.functionGuideData.step == this.maxStep) { this.jump() return @@ -103,6 +105,7 @@ }, setFunctionGuideState() { this.show = false + this.$emit('hide') }, /* 节流 */ diff --git a/mixins/GuideMixins.js b/mixins/GuideMixins.js index b372fb4..37a5cd2 100644 --- a/mixins/GuideMixins.js +++ b/mixins/GuideMixins.js @@ -1,3 +1,4 @@ +import { queryUserGuide, setUserGuide } from '@/api/user' export default { data() { return { @@ -18,9 +19,44 @@ export default { } }, onLoad() { - this.$refs.FunctionGuide.init() + // this.setGuide('countyFamousIndex', 0) + // this.setGuide('landmarkGoodsIndex', 0) + // this.setGuide('findFunIndex', 0) + // this.setGuide('wellnessFoodIndex', 0) + // this.setGuide('ichIndex', 0) + // this.setGuide('wenwanIndex', 0) + // this.setGuide('goodsIndex', 0) + // this.setGuide('index', 0) }, methods: { + setGuide(type, status = 1) { + const params = { + guideName: type, + guideStatus: status + } + setUserGuide(params).then(res => { + if(type === 'index') { + this.queryGuide(type) + } + }) + }, + queryGuide(type) { + const params = { + guideName: type + } + queryUserGuide(params).then(res => { + const { data, success } = res + if(success && data.guideStatus === 0) { + this.$refs.FunctionGuide.init() + } + if(type === 'index' && data.guideStatus === 1) { + this.isOldUser = true + } + if(type === 'index' && data.guideStatus === 0) { + this.isOldUser = false + } + }) + }, setFunctionGuideData(data) { this.functionGuideData = { ...this.functionGuideData, diff --git a/pages/chose-city/chose-city.vue b/pages/chose-city/chose-city.vue index e74ca5b..095b5d4 100644 --- a/pages/chose-city/chose-city.vue +++ b/pages/chose-city/chose-city.vue @@ -137,7 +137,7 @@ - + @@ -197,7 +197,7 @@ export default { maxStep() { const stepsMap = { 0: 1, - 1: 1, + 1: 2, } return stepsMap[this.type] || 1 } @@ -230,6 +230,7 @@ export default { this.getMapData() } this.init() + this.queryGuide(this.pageKeyId) }, methods: { showFunctionGuide() { @@ -294,6 +295,9 @@ export default { }) return } else { + if(this.type === 1) { + this.$refs.FunctionGuide.show = false + } return } }, diff --git a/pages/cloud/haveFun.vue b/pages/cloud/haveFun.vue index de891b1..41a657a 100644 --- a/pages/cloud/haveFun.vue +++ b/pages/cloud/haveFun.vue @@ -162,7 +162,7 @@ :show-avatar="false" /> - + @@ -226,6 +226,7 @@ export default { this.getMapData() }) this.getIcon() + this.queryGuide('findFunIndex') }, onShow() { const memCityName = uni.getStorageSync('cityName') @@ -302,74 +303,74 @@ export default { tipsPosition: '420rpx', btnGroupPosition: '', position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, } }) }) return } else { if(this.functionGuideData.step == 2) { - this._step = this.functionGuideData.step + this._step = this.functionGuideData.step - this.getElementData('#type-box', res=>{ - const imgs = [ - { - url: this.webUrl + '/引导页素材/寻趣味/Group 2/Group 2-1.png', - style: { - position: 'absolute', - zIndex: 99, - width: '504rpx', - top: 170*2+'rpx', - left: 0+'rpx', - right: 0, - margin: 'auto', - height: '191rpx', - /* px: ; */ + this.getElementData('#type-box', res=>{ + const imgs = [ + { + url: this.webUrl + '/引导页素材/寻趣味/Group 2/Group 2-1.png', + style: { + position: 'absolute', + zIndex: 99, + width: '504rpx', + top: 170*2+'rpx', + left: 0+'rpx', + right: 0, + margin: 'auto', + height: '191rpx', + /* px: ; */ + }, + isBtn: false }, - isBtn: false - }, - { - url: this.webUrl + '/引导页素材/寻趣味/Group 2/Group 2-3.png', - style: { - position: 'absolute', - zIndex: 99, - width: '117rpx', - top: 270*2+'rpx', - left: -160*2+'rpx', - right: 0, - margin: 'auto', - height: '46rpx', + { + url: this.webUrl + '/引导页素材/寻趣味/Group 2/Group 2-3.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 270*2+'rpx', + left: -160*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' }, - isBtn: 'jump' - }, - { - url: this.webUrl + '/引导页素材/寻趣味/Group 2/Group 2-2.png', - style: { - position: 'absolute', - zIndex: 99, - width: '117rpx', - top: 270*2+'rpx', - left: 160*2+'rpx', - height: '46rpx', + { + url: this.webUrl + '/引导页素材/寻趣味/Group 2/Group 2-2.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 270*2+'rpx', + left: 160*2+'rpx', + height: '46rpx', + }, + isBtn: 'next' }, - isBtn: 'next' - }, - ] - this.setFunctionGuideData({ - imgs: imgs, - tipsPosition: '420rpx', - btnGroupPosition: '', - position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${(res.height-13)*2}rpx`, - } + ] + this.setFunctionGuideData({ + imgs: imgs, + tipsPosition: '420rpx', + btnGroupPosition: '', + position: { + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${(res.height-20)}px`, + } + }) }) - }) return } if(this.functionGuideData.step == 3) { @@ -412,10 +413,10 @@ export default { tipsPosition: '420rpx', btnGroupPosition: '', position: { - top: (res.top-10)*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, + top: (res.top) + 'px', + left: res.left+10 + 'px', + width: `${res.width-20}px`, + height: `${res.height-20}px`, } }) }) diff --git a/pages/home/index.vue b/pages/home/index.vue index c4bd7b4..885b961 100644 --- a/pages/home/index.vue +++ b/pages/home/index.vue @@ -296,11 +296,11 @@ - - + @@ -416,6 +416,7 @@ export default { // uni.hideTabBar() const _this = this _this.init() + _this.queryGuide('index') uni.getSystemInfo({ success: (e) => { let statusBar = 0 @@ -443,6 +444,7 @@ export default { this.scrollTop = e.scrollTop }, methods: { + elementData(e) { this.tabIconPostion = e }, @@ -1341,6 +1343,20 @@ export default { this.$yrouter.push('/pages/shop/GoodSearch/index') }, goGoodsCon(item) { + if(item.isFarmerShop) { + if (item.farmerShopId === 0) { + uni.showToast({ + title: '店铺装修中~', + icon: 'none', + duration: 3000 + }) + return + } + uni.navigateTo({ + url: '/pagesInn/inn/farmerStore?id=' + item.farmerShopId + '&isQianxian=1&from=famous&isFarmer=1' + }) + return + } this.$yrouter.push({ path: '/pages/shop/GoodsCon/index', query: { diff --git a/pages/home/landMark.vue b/pages/home/landMark.vue index f69e791..e437144 100644 --- a/pages/home/landMark.vue +++ b/pages/home/landMark.vue @@ -84,7 +84,7 @@ @changeFun="changeFun" @ok="handleOk" /> - + @@ -152,6 +152,7 @@ export default { this.sceneId = decodeURIComponent(opts.scene).split('&')[0].split('=')[1] } this.getNavList() + this.queryGuide('landmarkGoodsIndex') }, onHide() { this.pageToHideHandle() @@ -218,10 +219,10 @@ export default { tipsPosition: '420rpx', btnGroupPosition: '', position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, } }) }) @@ -283,9 +284,9 @@ export default { btnGroupPosition: '', position: { top: (res.top - res.height + 41)*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${(res.height+41)*2}rpx`, + left: res.left + 'px', + width: `${res.width}px`, + height: `${(res.height+41)}px`, } }) }) diff --git a/pkg_product/views/famousList.vue b/pkg_product/views/famousList.vue index a079011..3afd1ab 100644 --- a/pkg_product/views/famousList.vue +++ b/pkg_product/views/famousList.vue @@ -174,7 +174,7 @@ :show-avatar="false" /> - + @@ -234,6 +234,7 @@ export default { userBindParent({spread: parseInt(this.partnerId)}) } this.init() + this.queryGuide('countyFamousIndex') }, methods: { showFunctionGuide() { @@ -288,10 +289,10 @@ export default { tipsPosition: '420rpx', btnGroupPosition: '', position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, } }) }) @@ -299,64 +300,66 @@ export default { } else { // more-list-wrap if(this.functionGuideData.step == 2) { - this._step = this.functionGuideData.step - - this.getElementData('#more-list-wrap0', res=>{ - const imgs = [ - { - url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-1.png', - style: { - position: 'absolute', - zIndex: 99, - width: '406rpx', - top: 280*2+'rpx', - left: 75*2+'rpx', - height: '218rpx', - /* px: ; */ + this._step = this.functionGuideData.step + + this.getElementData('#more-list-wrap0', res=>{ + const imgs = [ + { + url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-1.png', + style: { + position: 'absolute', + zIndex: 99, + width: '406rpx', + top: 280*2+'rpx', + left: 75*2+'rpx', + height: '218rpx', + /* px: ; */ + }, + isBtn: false }, - isBtn: false - }, - { - url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-2.png', - style: { - position: 'absolute', - zIndex: 99, - width: '117rpx', - top: 250*2+'rpx', - left: -40*2+'rpx', - right: 0, - margin: 'auto', - height: '46rpx', + { + url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-2.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 250*2+'rpx', + left: -40*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' }, - isBtn: 'jump' - }, - { - url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-3.png', - style: { - position: 'absolute', - zIndex: 99, - width: '117rpx', - top: 250*2+'rpx', - left: 210*2+'rpx', - height: '46rpx', + { + url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-3.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 250*2+'rpx', + left: 210*2+'rpx', + height: '46rpx', + }, + isBtn: 'next' }, - isBtn: 'next' - }, - ] - this.setFunctionGuideData({ - imgs: imgs, - tipsPosition: '420rpx', - btnGroupPosition: '', - position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, - } + ] + this.setFunctionGuideData({ + imgs: imgs, + tipsPosition: '420rpx', + btnGroupPosition: '', + position: { + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, + } + }) }) - }) - return - } + return + } else { + this.$refs.FunctionGuide.show = false + } return } }, diff --git a/pkg_product/views/famousQianxianShop.vue b/pkg_product/views/famousQianxianShop.vue index 115b5c9..111a7fe 100644 --- a/pkg_product/views/famousQianxianShop.vue +++ b/pkg_product/views/famousQianxianShop.vue @@ -640,7 +640,7 @@ @changeFun="changeFun" @ok="handleOk" /> - + @@ -768,6 +768,7 @@ export default { // this.initPoster() this.getListReq() this.getsaleList() + this.queryGuide('countyFamousIndex') }, methods: { showFunctionGuide() { @@ -775,58 +776,60 @@ export default { if(this.functionGuideData.step == 1) { this._step = this.functionGuideData.step - this.getElementData('#tab-wrap', res=>{ - const imgs = [ - { - url: this.webUrl + '/引导页素材/千县名品/Group 3/Group 3-1.png', - style: { - position: 'absolute', - zIndex: 99, - width: '500rpx', - top: 549*2+'rpx', - left: 80*2+'rpx', - height: '200rpx', - /* px: ; */ + this.$nextTick(() => { + this.getElementData('#tab-wrap', res=>{ + const imgs = [ + { + url: this.webUrl + '/引导页素材/千县名品/Group 3/Group 3-1.png', + style: { + position: 'absolute', + zIndex: 99, + width: '500rpx', + top: 549*2+'rpx', + left: 80*2+'rpx', + height: '200rpx', + /* px: ; */ + }, + isBtn: false }, - isBtn: false - }, - { - url: this.webUrl + '/引导页素材/千县名品/Group 3/Group 3-2.png', - style: { - position: 'absolute', - zIndex: 99, - width: '117rpx', - top: 520*2+'rpx', - left: 60*2+'rpx', - right: 0, - margin: 'auto', - height: '46rpx', + { + url: this.webUrl + '/引导页素材/千县名品/Group 3/Group 3-2.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 520*2+'rpx', + left: 60*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' }, - isBtn: 'jump' - }, - { - url: this.webUrl + '/引导页素材/千县名品/Group 3/Group 3-3.png', - style: { - position: 'absolute', - zIndex: 99, - width: '117rpx', - top: 520*2+'rpx', - left: 260*2+'rpx', - height: '46rpx', + { + url: this.webUrl + '/引导页素材/千县名品/Group 3/Group 3-3.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 520*2+'rpx', + left: 260*2+'rpx', + height: '46rpx', + }, + isBtn: 'next' }, - isBtn: 'next' - }, - ] - this.setFunctionGuideData({ - imgs: imgs, - tipsPosition: '420rpx', - btnGroupPosition: '', - position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, - } + ] + this.setFunctionGuideData({ + imgs: imgs, + tipsPosition: '420rpx', + btnGroupPosition: '', + position: { + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, + } + }) }) }) return @@ -835,7 +838,12 @@ export default { this._step = this.functionGuideData.step this.activeIndex = 4 this.$nextTick(() => { + this.getElementData('#farmer1', res=>{ + uni.pageScrollTo({ + scrollTop: 100, + duration: 300 + }) const imgs = [ { url: this.webUrl + '/引导页素材/千县名品/Group 4/Group 4-1.png', @@ -843,7 +851,7 @@ export default { position: 'absolute', zIndex: 99, width: '366rpx', - top: 560*2+'rpx', + top: 460*2+'rpx', left: 80*2+'rpx', height: '167rpx', /* px: ; */ @@ -856,7 +864,7 @@ export default { position: 'absolute', zIndex: 99, width: '117rpx', - top: 540*2+'rpx', + top: 440*2+'rpx', left: -60*2+'rpx', right: 0, margin: 'auto', @@ -870,7 +878,7 @@ export default { position: 'absolute', zIndex: 99, width: '117rpx', - top: 540*2+'rpx', + top: 440*2+'rpx', left: 200*2+'rpx', height: '46rpx', }, @@ -882,10 +890,10 @@ export default { tipsPosition: '420rpx', btnGroupPosition: '', position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, + top: res.top - 100 + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, } }) }) diff --git a/pkg_product/views/healthList.vue b/pkg_product/views/healthList.vue index 957d2c8..f48c3b6 100644 --- a/pkg_product/views/healthList.vue +++ b/pkg_product/views/healthList.vue @@ -161,7 +161,7 @@ - + @@ -198,6 +198,7 @@ export default { }, onLoad() { this.init() + this.queryGuide('wellnessFoodIndex') }, methods: { showFunctionGuide() { @@ -248,17 +249,13 @@ export default { }, ] this.getElementData('#news-wrap', res=>{ - this.setFunctionGuideData({ imgs: imgs, - tipsPosition: '420rpx', - btnGroupPosition: '', position: { - top: res.top*2 - 10 + 'rpx', - left: res.left*2 - 20 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, - padding: '10rpx 20rpx' + top: res.top + 'px', + left: res.left + 'rpx', + width: `${res.width}px`, + height: `${res.height}px`, } }) }) diff --git a/pkg_product/views/heritage.vue b/pkg_product/views/heritage.vue index 359e619..06f1eb8 100644 --- a/pkg_product/views/heritage.vue +++ b/pkg_product/views/heritage.vue @@ -2,7 +2,7 @@ - + - + @@ -50,69 +50,76 @@ export default { }, onLoad() { this.init(); + this.queryGuide('ichIndex') }, methods: { + loadImg(e) { + this.queryGuide('ichIndex') + }, showFunctionGuide() { if(this._step == this.functionGuideData.step) return if(this.functionGuideData.step == 1) { this._step = this.functionGuideData.step - this.getElementData('#main-box', res=>{ - const imgs = [ - { - url: this.webUrl + '/引导页素材/非遗技艺/Group 1/Group 1-1.png', - style: { - position: 'absolute', - zIndex: 99, - width: '468rpx', - top: 180*2+'rpx', - left: res.left*2+'rpx', - height: '670rpx', - /* px: ; */ + this.$nextTick(() => { + this.getElementData('#main-box', res=>{ + const imgs = [ + { + url: this.webUrl + '/引导页素材/非遗技艺/Group 1/Group 1-1.png', + style: { + position: 'absolute', + zIndex: 99, + width: '468rpx', + top: 80*2+'rpx', + left: res.left*2+'rpx', + height: '670rpx', + /* px: ; */ + }, + isBtn: false }, - isBtn: false - }, - { - url: this.webUrl + '/引导页素材/非遗技艺/Group 1/Group 1-2.png', - style: { - position: 'absolute', - zIndex: 99, - width: '117rpx', - top: 160*2+'rpx', - left: -160*2+'rpx', - right: 0, - margin: 'auto', - height: '46rpx', + { + url: this.webUrl + '/引导页素材/非遗技艺/Group 1/Group 1-2.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 60*2+'rpx', + left: -160*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' }, - isBtn: 'jump' - }, - { - url: this.webUrl + '/引导页素材/非遗技艺/Group 1/Group 1-3.png', - style: { - position: 'absolute', - zIndex: 99, - width: '117rpx', - top: 160*2+'rpx', - left: 160*2+'rpx', - height: '46rpx', + { + url: this.webUrl + '/引导页素材/非遗技艺/Group 1/Group 1-3.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 60*2+'rpx', + left: 160*2+'rpx', + height: '46rpx', + }, + isBtn: 'next' }, - isBtn: 'next' - }, - ] - this.setFunctionGuideData({ - imgs: imgs, - tipsPosition: '420rpx', - btnGroupPosition: '', - position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*4}rpx`, - } + ] + this.setFunctionGuideData({ + imgs: imgs, + tipsPosition: '420rpx', + btnGroupPosition: '', + position: { + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, + } + }) }) }) return } else { + this.$refs.FunctionGuide.show = false return } }, diff --git a/pkg_product/views/heritage/details.vue b/pkg_product/views/heritage/details.vue index 2286e90..b25d988 100644 --- a/pkg_product/views/heritage/details.vue +++ b/pkg_product/views/heritage/details.vue @@ -68,7 +68,7 @@ /> - + @@ -92,6 +92,7 @@ export default { onLoad(opts) { this.id = opts.id this.getDetails() + this.queryGuide('ichIndex') }, methods: { showFunctionGuide() { @@ -107,7 +108,7 @@ export default { position: 'absolute', zIndex: 99, width: '405rpx', - top: 360*2+'rpx', + top: 350*2+'rpx', left: res.left*2+'rpx', height: '218rpx', /* px: ; */ @@ -146,17 +147,17 @@ export default { tipsPosition: '420rpx', btnGroupPosition: '', position: { - top: res.top*2 -20 + 'rpx', - left: res.left*2 -10 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, - padding: '20rpx 10rpx', + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px` } }) }) return } else { this._step = this.functionGuideData.step + this.actived = 2 this.getElementData('#tab-btn2', res=>{ const imgs = [ { @@ -165,7 +166,7 @@ export default { position: 'absolute', zIndex: 99, width: '496rpx', - top: 360*2+'rpx', + top: 350*2+'rpx', left: 60+'rpx', height: '183rpx', /* px: ; */ @@ -204,11 +205,10 @@ export default { tipsPosition: '420rpx', btnGroupPosition: '', position: { - top: res.top*2 -20 + 'rpx', - left: res.left*2 -10 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, - padding: '20rpx 10rpx', + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, } }) }) diff --git a/wenwan/views/storeList.vue b/wenwan/views/storeList.vue index ee6b063..1fe9d2d 100644 --- a/wenwan/views/storeList.vue +++ b/wenwan/views/storeList.vue @@ -36,7 +36,7 @@ 暂无数据 - + @@ -62,6 +62,7 @@ export default { }, onLoad(option) { this.cityId = option.cityId; + this.queryGuide('wenwanIndex') }, onShow() { let memCityName = uni.getStorageSync("cityName") @@ -133,10 +134,10 @@ export default { tipsPosition: '420rpx', btnGroupPosition: '', position: { - top: res.top*2 + 'rpx', - left: res.left*2 + 'rpx', - width: `${res.width*2}rpx`, - height: `${res.height*2}rpx`, + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, } }) })