diff --git a/api/gift.js b/api/gift.js new file mode 100644 index 0000000..a8b60ac --- /dev/null +++ b/api/gift.js @@ -0,0 +1,58 @@ +import request from "@/utils/request"; + +/** + * 礼品卡送礼订单确认 + * @param {*} data + */ +export function getGiftCardSendOrderConfirm(data) { + return request.post("/giftCard/confirm", data); +} + +/** + * 礼品卡送礼订单创建 + * @param {*} data + */ +export function getGiftCardSendOrder(key, data) { + return request.post("/giftCard/create/" + key, data); + +} + +/** + * 礼品详情 + * @param {*} data + */ +export function getGiftCardDetail(data) { + return request.get("/giftCard/info", data); +} + +/** + * 领取礼品卡 + * @param {*} data + */ +export function getGiftCardReceive(data) { + return request.post("/giftCard/receive", data); +} + +/** + * 礼品卡赠礼须知 + * @param {*} data + */ +export function getGiftCardSendNotice(data) { + return request.get("/giftCard/giftNotice", data); +} + +/** + * 计算订单金额 + * @param {*} data + */ +export function getGiftCardSendOrderAmount(key, data) { + return request.post("giftCard/computed/" + key, data); +} + +/** + * 再送一份 + * @param {*} data + */ +export function getGiftCardResend(data) { + return request.post("/giftCard/makeAgain", data); +} \ No newline at end of file diff --git a/api/giftList.js b/api/giftList.js new file mode 100644 index 0000000..ade0a4f --- /dev/null +++ b/api/giftList.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' + +/** + * 收到的礼品卡列表 + * */ +export function giftCardReceiveList(param) { + return request.get('/giftCard/receiveList', param) +} + +/** + * 送出的礼品卡列表 + * */ +export function giftCardSendList(param) { + return request.get('/giftCard/sendList', param) +} + +/** + * 赠礼须知 + * */ +export function giftNotice(param) { + return request.get('/giftCard/giftNotice', param) +} diff --git a/api/search.js b/api/search.js new file mode 100644 index 0000000..9f4a222 --- /dev/null +++ b/api/search.js @@ -0,0 +1,6 @@ +import request from '@/utils/request' + +// 文玩店铺列表 +export function getSearchPageConfig() { + return request.get('/searchPage', {}, { login: false }) +} 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/assets/css/product.less b/assets/css/product.less index f76037e..6bc2c93 100644 --- a/assets/css/product.less +++ b/assets/css/product.less @@ -17,16 +17,15 @@ } .search-box { - width: 686rpx; + width: 90%; height: 60rpx; - margin: 0 auto; padding: 0 24rpx 0 32rpx; box-sizing: border-box; background: #F7F7F7; border-radius: 30rpx; input { - width: 560rpx; + width: 540rpx; font-size: 24rpx; } @@ -66,8 +65,8 @@ } .active { - border-left: 6rpx solid #FD574B; - color: #FD574B; + border-left: 6rpx solid #C52733; + color: #C52733; font-weight: bold; } } diff --git a/components/CitySelect.vue b/components/CitySelect.vue index 226c9e2..3df9f07 100644 --- a/components/CitySelect.vue +++ b/components/CitySelect.vue @@ -87,7 +87,7 @@ export default { components: { uniPopup }, - props: ["callback", "items", "defaultValue"], + props: ["callback", "items", "defaultValue", 'disabled'], data() { return { value: "请选择", @@ -107,7 +107,7 @@ export default { }, defaultValue(newValue) { this.value = newValue; - // this.adjustDefaultValue(); + this.adjustDefaultValue(); } }, mounted() { @@ -147,6 +147,7 @@ export default { return idx; }, open() { + if(this.disabled) return; if (this.$refs.popup.showPopup) { this.$refs.popup.close(); return; diff --git a/components/CouponsPopup.vue b/components/CouponsPopup.vue index be18a8a..6e42d75 100644 --- a/components/CouponsPopup.vue +++ b/components/CouponsPopup.vue @@ -1,7 +1,11 @@ + + + + \ No newline at end of file diff --git a/components/ProductWindow.vue b/components/ProductWindow.vue index c6a0f0f..3fbd413 100644 --- a/components/ProductWindow.vue +++ b/components/ProductWindow.vue @@ -1,6 +1,6 @@ @@ -89,6 +121,21 @@ export default { diff --git a/pages/cloud/haveFun.vue b/pages/cloud/haveFun.vue index c7f24d7..64d2817 100644 --- a/pages/cloud/haveFun.vue +++ b/pages/cloud/haveFun.vue @@ -3,7 +3,7 @@ - + {{ cityName }} @@ -41,8 +41,7 @@ - - + + {{ item.name }} - + @@ -104,7 +106,7 @@ - + @@ -160,6 +162,7 @@ :show-avatar="false" /> + @@ -169,12 +172,15 @@ import { getCurAddress, getLocation } from "@/utils/common" import FunHotelItem from './components/HotelItem' import { pageListenMixins } from '@/mixins/pageListenMixins' import XddTabbar from '@/components/xdd-tabbar' +import FunctionGuide from '@/components/FunctionGuide' +import GuideMixins from '@/mixins/GuideMixins' export default { components: { FunHotelItem, - XddTabbar + XddTabbar, + FunctionGuide }, - mixins: [pageListenMixins], + mixins: [pageListenMixins, GuideMixins], data() { return { webUrl: this.$VUE_APP_RESOURCES_URL, @@ -220,6 +226,7 @@ export default { this.getMapData() }) this.getIcon() + this.queryGuide('findFunIndex') }, onShow() { const memCityName = uni.getStorageSync('cityName') @@ -244,6 +251,180 @@ export default { } }, methods: { + showFunctionGuide() { + if(this._step == this.functionGuideData.step) return + if(this.functionGuideData.step == 1) { + this._step = this.functionGuideData.step + + this.getElementData('#city-box', res=>{ + const imgs = [ + { + url: this.webUrl + '/引导页素材/寻趣味/Group 1/Group 1-1.png', + style: { + position: 'absolute', + zIndex: 99, + width: '390rpx', + top: 0*2+'rpx', + left: res.width*2+'rpx', + height: '162rpx', + /* px: ; */ + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/寻趣味/Group 1/Group 1-2.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 80*2+'rpx', + left: -60*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/寻趣味/Group 1/Group 1-3.png', + style: { + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 80*2+'rpx', + left: 200*2+'rpx', + height: '46rpx', + }, + isBtn: 'next' + }, + ] + 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 { + if(this.functionGuideData.step == 2) { + 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: ; */ + }, + 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', + }, + 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', + }, + isBtn: 'next' + }, + ] + 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) { + this._step = this.functionGuideData.step + + this.getElementData('#body1', res=>{ + const imgs = [ + { + url: this.webUrl + '/引导页素材/寻趣味/Group 3/Group 3-1.png', + style: { + position: 'absolute', + zIndex: 99, + width: '290rpx', + top: 90*2+'rpx', + left: 0, + right: 0, + margin: 'auto', + height: '165rpx', + /* px: ; */ + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/寻趣味/Group 3/Group 3-2.png', + style: { + position: 'absolute', + zIndex: 99, + width: '97rpx', + top: 60*2+'rpx', + left: 60*2+'rpx', + right: 0, + margin: 'auto', + height: '55rpx', + }, + isBtn: 'jump' + }, + ] + this.setFunctionGuideData({ + imgs: imgs, + tipsPosition: '420rpx', + btnGroupPosition: '', + position: { + top: (res.top) + 'px', + left: res.left+10 + 'px', + width: `${res.width-20}px`, + height: `${res.height-20}px`, + } + }) + }) + return + } + return + } + }, handleRefresh() { uni.showLoading() this.page = 1 @@ -447,6 +628,7 @@ export default { display: flex; height: fit-content; background: #fff; + overflow-x: scroll; padding: 10rpx; border-radius: 30rpx; } diff --git a/pages/home/components/goods.vue b/pages/home/components/goods.vue index 0a9d10b..8c043f8 100644 --- a/pages/home/components/goods.vue +++ b/pages/home/components/goods.vue @@ -21,6 +21,7 @@ ¥{{ item.price }} diff --git a/pages/home/index.vue b/pages/home/index.vue index 92c1bc7..2241fab 100644 --- a/pages/home/index.vue +++ b/pages/home/index.vue @@ -16,13 +16,27 @@ /> - + + + + + + + - + - + - - - - - {{ item.name }} + + + + + + {{ item.name }} + - + - + - + --> - + @@ -174,11 +191,11 @@ - + 点击进入 - + @@ -248,6 +265,7 @@ v-else :item="item" @view="goGoodsCon(item)" + @add="addToCart(item)" /> @@ -284,6 +302,7 @@ v-else :item="item" @view="goGoodsCon(item)" + @add="addToCart(item)" /> @@ -291,10 +310,11 @@ + - + + + @@ -334,6 +364,13 @@ import { getCouponReceive } from '@/api/user' import { getHomeData, getShareImage } from '@/api/public' import { sharpBannar } from '@/api/goods' import { pageListenMixins } from '@/mixins/pageListenMixins' +import ProductWindow from '@/components/ProductWindow' +import goCartMixin from '@/mixins/goCartMixins' +import FunctionGuide from '@/components/FunctionGuide' +import GuideMixins from '@/mixins/GuideMixins' +import { + getSearchPageConfig +} from '@/api/search' import { getCurAddress, getLocationPromise, @@ -344,9 +381,11 @@ export default { name: 'IndexPage', components: { XddTabbar, - XddProductItem + XddProductItem, + ProductWindow, + FunctionGuide }, - mixins: [pageListenMixins], + mixins: [pageListenMixins, goCartMixin, GuideMixins], data() { return { webUrl: this.$VUE_APP_RESOURCES_URL, @@ -386,12 +425,18 @@ export default { lotteryCanDraw: false, videoContext: null, isPlay: true, + tabIconPostion: {}, + messageIcon: {}, + recommendKeyword: [], + keywordIndex: 0 } }, onLoad() { // uni.hideTabBar() const _this = this _this.init() + _this.queryGuide('index') + this.getSearch() uni.getSystemInfo({ success: (e) => { let statusBar = 0 @@ -419,6 +464,825 @@ export default { this.scrollTop = e.scrollTop }, methods: { + changeRecommendKeyword(e) { + this.keywordIndex = e + }, + getSearch() { + getSearchPageConfig().then(res => { + const { success, data } = res + if (success) { + this.recommendKeyword = data.recommendKeyword.split(',') + } + }) + }, + elementData(e) { + this.tabIconPostion = e + }, + getIcon(e) { + this.messageIcon = e + }, + onscroll(e) { + this.scrollViewWidth = e.detail.scrollWidth + const imgs = [] + this.getElementData(`#${this.scrollView}`, res=>{ + this.setFunctionGuideData({ + imgs: this.imgs, + btnGroupPosition: '20rpx', + tipsPosition: '', + position: { + top: res.top + 'px', + left: res.left + 'px', + width: `${res.height}px`, + height: `${res.height}px` + } + }) + }) + }, + showFunctionGuide() { + if(this._step == this.functionGuideData.step) return + this._step = this.functionGuideData.step + if(this.functionGuideData.step == 1) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group1/Group 1-1.png', + style: { + position: 'absolute', + zIndex: 99, + width: '474rpx', + top: '100rpx', + left: '-110rpx', + right: 0, + margin: 'auto', + height: '289rpx', + /* px: ; */ + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group1/Group 1-2.png', + style: { + position: 'absolute', + zIndex: 99, + width: '186rpx', + top: '350rpx', + left: '240rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group1/Group 1-3.png', + style: { + position: 'absolute', + zIndex: 99, + width: '173rpx', + top: '180rpx', + right: '100rpx', + height: '248rpx', + }, + isBtn: false + }, + ] + this.getElementData('#step1', res=>{ + this.screenWidth = res.width - 20 + this.setFunctionGuideData({ + imgs: imgs, + btnGroupPosition: { + top: 510 - 100 + 'rpx', + }, + tipsPosition: '420rpx', + position: { + top: 510 - 100 + 'rpx', + left: res.left + 10 + 'px', + width: `${res.width - 20}px`, + height: `${160 + 228 + 16 + 514 + 16}rpx`, + } + }) + }) + }else { + const menusUrl = this.menus.map(item => item.uniapp_url) + const urls = { + 2: '/pages/chose-city/chose-city?type=0', + 3: '/pages/chose-city/chose-city?type=1', + 4: '/pkg_product/views/healthList', + 5: '/pkg_product/views/giftList', + 6: '/pkg_product/views/heritage', + 7: '/pkg_join/views/index', + 8: '/v4/views/attract/attract' + } + if(this.functionGuideData.step == 2) { + if(menusUrl.indexOf(urls[2]) < 0) { + this.$refs.FunctionGuide.next() + return + } + if(menusUrl.indexOf(urls[2]) > -1) { + const index = menusUrl.indexOf(urls[2]) + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group2/Group 2-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '454rpx', + top: '140rpx', + left: '-130rpx', + right: 0, + margin: 'auto', + height: '258rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group2/Group 2-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: '-110rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group2/Group 2-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: '200rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + ] + this.toEle('box-item' + index, imgs) + } + return + } + if(this.functionGuideData.step == 3) { + if(menusUrl.indexOf(urls[3]) < 0) { + this.$refs.FunctionGuide.next() + return + } + if(menusUrl.indexOf(urls[3]) > -1) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group3/Group 3-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '620rpx', + top: '540rpx', + left: '-50rpx', + right: 0, + margin: 'auto', + height: '254rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group3/Group 3-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: '530rpx', + left: '110rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group3/Group 3-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: '530rpx', + left: '410rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + ] + const index = menusUrl.indexOf(urls[3]) + this.toEle('box-item' + index, imgs) + } + return + } + if(this.functionGuideData.step == 4) { + if(menusUrl.indexOf(urls[4]) < 0) { + this.$refs.FunctionGuide.next() + return + } + if(menusUrl.indexOf(urls[4]) > -1) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group4/Group 4-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '578rpx', + top: '180rpx', + left: '150rpx', + right: 0, + margin: 'auto', + height: '226rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group4/Group 4-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: '340rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group4/Group 4-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: '610rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + ] + const index = menusUrl.indexOf(urls[4]) + this.toEle('box-item' + index, imgs) + } + return + } + if(this.functionGuideData.step == 5) { + if(menusUrl.indexOf(urls[5]) < 0) { + this.$refs.FunctionGuide.next() + return + } + if(menusUrl.indexOf(urls[5]) > -1) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group5/Group 5-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '495rpx', + top: '540rpx', + left: '230rpx', + right: 0, + margin: 'auto', + height: '267rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group5/Group 5-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 265*2+'rpx', + left: -120*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group5/Group 5-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 265*2+'rpx', + left: 20*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + ] + const index = menusUrl.indexOf(urls[5]) + this.toEle('box-item' + index, imgs) + } + return + } + if(this.functionGuideData.step == 6) { + if(menusUrl.indexOf(urls[6]) < 0) { + this.$refs.FunctionGuide.next() + return + } + if(menusUrl.indexOf(urls[6]) > -1) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group6/Group 6-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '534rpx', + top: '140rpx', + left: '230rpx', + right: 0, + margin: 'auto', + height: '280rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group6/Group 6-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: -20*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group6/Group 6-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: 140*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + ] + const index = menusUrl.indexOf(urls[6]) + this.toEle('box-item' + index, imgs) + } + return + } + // 7 商户, 8 招商 + if(this.functionGuideData.step == 7) { + if(menusUrl.indexOf(urls[7]) < 0) { + this.$refs.FunctionGuide.next() + return + } + if(menusUrl.indexOf(urls[7]) > -1) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group13/Group 13-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: 291.5*2+'rpx', + top: 280*2+'rpx', + left: 10*2+'rpx', + right: 0, + margin: 'auto', + height: 116.5*2+'rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group13/Group 13-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: -280*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group13/Group 13-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: -150*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + ] + const index = menusUrl.indexOf(urls[7]) + this.toEle('box-item' + index, imgs) + } + return + } + if(this.functionGuideData.step == 8) { + if(menusUrl.indexOf(urls[8]) < 0) { + this.$refs.FunctionGuide.next() + return + } + if(menusUrl.indexOf(urls[8]) > -1) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group14/Group 14-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '539rpx', + top: 80*2+'rpx', + left: 100*2+'rpx', + right: 0, + margin: 'auto', + height: '265rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group14/Group 14-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: 150*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group14/Group 14-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '117rpx', + top: 213*2+'rpx', + left: 10*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + ] + const index = menusUrl.indexOf(urls[8]) + this.toEle('box-item' + index, imgs) + } + return + } + if (this.functionGuideData.step == 10) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group7/Group 7-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '438rpx', + top: 140*2+'rpx', + left: -164*2+'rpx', + right: 0, + margin: 'auto', + height: '336rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group8/Group 8-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '129rpx', + top: 285*2+'rpx', + left: 0+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group8/Group 8-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '129rpx', + top: 285*2+'rpx', + left: 139 * 2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + }, + ] + this.toEle('dibiao', imgs) + return + } + if (this.functionGuideData.step == 9) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group8/Group 8-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '574rpx', + top: 170*2+'rpx', + left: -0+'rpx', + right: 0, + margin: 'auto', + height: '238rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group8/Group 8-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 285*2+'rpx', + left: -290*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group8/Group 8-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 285*2+'rpx', + left: -(290-130)*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + } + ] + this.toEle('qianxian', imgs) + return + } + if (this.functionGuideData.step == 11) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group9/Group 9-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '444rpx', + top: 310*2+'rpx', + left: 144*2+'rpx', + right: 0, + margin: 'auto', + height: '252rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group9/Group 9-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 435*2+'rpx', + left: -235*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group9/Group 9-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 435*2+'rpx', + left: -90*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + } + ] + this.toEle('xkd', imgs) + return + } + if (this.functionGuideData.step == 12) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group11/Group 11-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '450rpx', + top: 465*2+'rpx', + left: 120*2+'rpx', + right: 0, + margin: 'auto', + height: '218rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group11/Group 11-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 575*2+'rpx', + left: -210*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group11/Group 11-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 575*2+'rpx', + left: -70*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + } + ] + this.toEle('xpsx', imgs) + return + } + // top 140, buttom: 540 + if(this.functionGuideData.step == 13) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group10/Group 10-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '489rpx', + top: 580*2+'rpx', + left: 0+'rpx', + right: 0, + margin: 'auto', + height: '267rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group10/Group 10-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 555*2+'rpx', + left: 0+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'jump' + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group10/Group 10-3.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 555*2+'rpx', + left: 140*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + } + ] + this.$nextTick(() => { + this.setFunctionGuideData({ + imgs: imgs, + btnGroupPosition: '', + tipsPosition: '', + position: { + bottom: '10px', + left: this.tabIconPostion.left + 'px', + width: `${this.tabIconPostion.width}px`, + height: `${this.tabIconPostion.height}px`, + } + }) + }) + return + } + + + if (this.functionGuideData.step == 14) { + const imgs = [ + { + url: this.webUrl + '/引导页素材/首页引导/Group12/Group 12-1.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '479rpx', + top: 665*2+'rpx', + left: 40*2+'rpx', + right: 0, + margin: 'auto', + height: '180rpx', + }, + isBtn: false + }, + { + url: this.webUrl + '/引导页素材/首页引导/Group12/Group 12-2.png', + style:{ + position: 'absolute', + zIndex: 99, + width: '118rpx', + top: 750*2+'rpx', + left: 40*2+'rpx', + right: 0, + margin: 'auto', + height: '46rpx', + }, + isBtn: 'next' + } + ] + this.setFunctionGuideData({ + imgs: imgs, + btnGroupPosition: '', + tipsPosition: '', + position: { + bottom: 10 + 'px', + left: this.messageIcon.left + 'px', + width: `${this.messageIcon.width}px`, + height: `${this.messageIcon.height}px`, + } + }) + return + } + + + } + }, + toEle(id, imgs) { + this.getElementData(`#${id}`, res=>{ + if(res.left + res.width / 2 > this.screenWidth) { + this.$nextTick(()=> { + this.scrollView = id + this.imgs = imgs + }) + return + } + this.setFunctionGuideData({ + imgs: imgs, + btnGroupPosition: '', + tipsPosition: '', + position: { + top: res.top + 'px', + left: res.left + 'px', + width: `${res.width}px`, + height: `${res.height}px`, + } + }) + }) + }, played() { this.isPlay = !this.isPlay if(this.isPlay) { @@ -431,7 +1295,7 @@ export default { pause() { }, toKD() { - this.$yrouter.push('/pages/VideoPlayBackList/VideoPlayBackList') + this.$yrouter.push('/pages/VideoPlayBackList/VideoPlayBackList?click=1') }, toNewZone() { this.$yrouter.push('/pages/home/newZone') @@ -525,9 +1389,23 @@ export default { } }, goGoodSearch() { - this.$yrouter.push('/pages/shop/GoodSearch/index') + this.$yrouter.push('/pages/shop/GoodSearch/index?keywords=' + this.recommendKeyword[this.keywordIndex] ) }, 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: { @@ -749,6 +1627,11 @@ export default { z-index: 5; padding: 21rpx 21rpx 0 21rpx; } +.scroll-view{ + background: #fff; + border-radius: 16rpx; + margin: -120rpx 0 0 0; +} .menus-wrap { position: relative; .menus-list { @@ -757,15 +1640,15 @@ export default { display: flex; flex-shrink: 0; padding: 12rpx 24rpx; - margin: -120rpx 0 0 0; border-radius: 16rpx; - background-color: #fff; - overflow-x: auto; + // background-color: #fff; .item + .item { - margin: 0 0 0 36rpx; + // margin: 0 0 0 36rpx; } .item { width: 150rpx; + padding: 10rpx 20rpx; + background-color: #fff; .img { width: 86rpx; height: 86rpx; @@ -781,10 +1664,10 @@ export default { position: absolute; top: 0; left: -21rpx; - z-index: 2; + z-index: -1; width: calc(100% + 40rpx); height: 180rpx; - background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F0F0F0 40%, #F0F0F0 100%); + background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 6) 40%, rgba(255, 255, 255, 1) 100%); content: " "; } } @@ -873,6 +1756,9 @@ export default { } } } +.swpier-bar{ + width: 100%; +} .fix-header { position: fixed; top: 0; diff --git a/pages/home/landMark.vue b/pages/home/landMark.vue index 4d2310d..e7106a7 100644 --- a/pages/home/landMark.vue +++ b/pages/home/landMark.vue @@ -3,7 +3,7 @@ - + {{ item.name }} - + @@ -56,7 +56,7 @@ - + 确认收货 \ No newline at end of file diff --git a/pkg_user/views/addBankCard.vue b/pkg_user/views/addBankCard.vue index 63baf31..2071b80 100644 --- a/pkg_user/views/addBankCard.vue +++ b/pkg_user/views/addBankCard.vue @@ -203,7 +203,7 @@ export default { height: 80rpx; margin-top: 56rpx; border-radius: 8rpx; - background: #FD574B; + background: #C52733; color: #FFFFFF; font-size: 28rpx; } diff --git a/pkg_user/views/bankCardList.vue b/pkg_user/views/bankCardList.vue index 42b0afd..91d2685 100644 --- a/pkg_user/views/bankCardList.vue +++ b/pkg_user/views/bankCardList.vue @@ -97,7 +97,7 @@ export default { }, isSelectMode: false, webUrl: this.$VUE_APP_RESOURCES_URL, - bgColor: ["#FD574B", "#0DC5C5", "#3F57DA", "#FF4F48"], + bgColor: ["#C52733", "#0DC5C5", "#3F57DA", "#FF4F48"], pageKeyId: Object.freeze('userBankCardIndex') } }, diff --git a/pkg_user/views/bindPhone.vue b/pkg_user/views/bindPhone.vue index 7227785..f51ddb7 100644 --- a/pkg_user/views/bindPhone.vue +++ b/pkg_user/views/bindPhone.vue @@ -216,7 +216,7 @@ export default { .btn-save { height: 80rpx; margin-top: 80rpx; - background: #FD574B; + background: #C52733; line-height: 80rpx; } } diff --git a/pkg_user/views/gift/components/AddressDialog.vue b/pkg_user/views/gift/components/AddressDialog.vue new file mode 100644 index 0000000..4f419cf --- /dev/null +++ b/pkg_user/views/gift/components/AddressDialog.vue @@ -0,0 +1,428 @@ +