Skip to content

U
uni-app-ddh-shop
Commit 30716461 authored by caimeng's avatar caimeng
Browse files
Options

bug 修复23

parent 3f5ae249
Hide whitespace changes
Inline Side-by-side
Showing with 130 additions and 137 deletions
pages/index/index.less
View file @ 30716461
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
.i-header { .i-header {
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: -1rpx;
z-index: 900; z-index: 900;
width: 100vw; width: 100vw;
min-height: 176rpx; min-height: 176rpx;
......
pages/index/index.vue
View file @ 30716461
...@@ -92,8 +92,7 @@ ...@@ -92,8 +92,7 @@
<view class='main-box' v-show="IndexList && IndexList.length > 0"> <view class='main-box' v-show="IndexList && IndexList.length > 0">
<view class='box-item' v-for="(item, index) in IndexList" :key="index" @click="GoDetail(item)"> <view class='box-item' v-for="(item, index) in IndexList" :key="index" @click="GoDetail(item)">
<view class='item-top'> <view class='item-top'>
<image :src="item.goodsImage" class='top-img'></image> <image :src="item.goodsImage" mode="aspectFit" class='top-img'></image>
<i class='top-icon'></i>
</view> </view>
<view class='item-footer'> <view class='item-footer'>
<view class='footer-des'>{{ item.goodsName }}</view> <view class='footer-des'>{{ item.goodsName }}</view>
...@@ -125,7 +124,7 @@ const cacheIndexData = uni.getStorageSync('dataIndex') ? JSON.parse(uni.getStora ...@@ -125,7 +124,7 @@ const cacheIndexData = uni.getStorageSync('dataIndex') ? JSON.parse(uni.getStora
const indexGoods = uni.getStorageSync('indexGoods') ? JSON.parse(uni.getStorageSync('indexGoods')) : []; const indexGoods = uni.getStorageSync('indexGoods') ? JSON.parse(uni.getStorageSync('indexGoods')) : [];
console.log('首页数据',cacheIndexData) console.log('首页数据', cacheIndexData)
console.log('沃日', indexGoods) console.log('沃日', indexGoods)
export default { export default {
...@@ -188,16 +187,17 @@ export default { ...@@ -188,16 +187,17 @@ export default {
await this.checkAppVersion() await this.checkAppVersion()
}, },
async onShow() { async onShow() {
const that = this; const that = this;
// 设置页面滚动条位置 // 设置页面滚动条位置
uni.pageScrollTo({ uni.pageScrollTo({
scrollTop: 0, scrollTop: 0,
duration: 0 duration: 0
}) })
this.Topdistance = 0;
setTimeout(() => { setTimeout(() => {
that.GetTop() // 获取元素距离顶部的距离 that.GetTop() // 获取元素距离顶部的距离
}, 1000) }, 1500)
// 初始化首页数据 // 初始化首页数据
await this.init() await this.init()
...@@ -223,10 +223,10 @@ export default { ...@@ -223,10 +223,10 @@ export default {
async init() { async init() {
try { try {
const res = await API.initIndex() const res = await API.initIndex()
console.log('初始化首页的接口',res) console.log('初始化首页的接口', res)
if (res.success) { if (res.success) {
const data = res.result; const data = res.result;
console.log('首页',res.result.result) console.log('首页', res.result.result)
this.index = data; this.index = data;
uni.setStorageSync('dataIndex', JSON.stringify(data)) uni.setStorageSync('dataIndex', JSON.stringify(data))
} }
...@@ -381,7 +381,7 @@ export default { ...@@ -381,7 +381,7 @@ export default {
const { current, size } = this.params const { current, size } = this.params
try { try {
this.$request('/app/goods/getGoodsPage', 'POST', params).then(res => { this.$request('/app/goods/getGoodsPage', 'POST', params).then(res => {
console.log('初始化首页商品列表',res) console.log('初始化首页商品列表', res)
const { total, data } = res.result const { total, data } = res.result
if (current > 1) { if (current > 1) {
this.IndexList = this.IndexList.concat(data) this.IndexList = this.IndexList.concat(data)
......
pages/sort/index.vue
View file @ 30716461
...@@ -5,148 +5,138 @@ ...@@ -5,148 +5,138 @@
<view class="leftTab"> <view class="leftTab">
<scroll-view scroll-y="true" class="tabBox"> <scroll-view scroll-y="true" class="tabBox">
<block v-for="item in tabList" :key="item.id"> <block v-for="item in tabList" :key="item.id">
<view class="tabItem" :class="tabCurrent == item.id ?'tabActive':''" @click="changeTab(item.id)"> <view class="tabItem" :class="tabCurrent == item.id ? 'tabActive' : ''"
{{item.categoryName}} @click="changeTab(item.id)">
{{ item.categoryName }}
</view> </view>
</block> </block>
</scroll-view> </scroll-view>
</view> </view>
<!-- 右侧商品 --> <!-- 右侧商品 -->
<view class="rightGoods" v-show="listIndex && listIndex.length>0"> <view class="rightGoods" v-show="listIndex && listIndex.length > 0">
<scroll-view <scroll-view class="whiteBox" scroll-y="true" refresher-default-style="none" @scrolltoupper="toupperTop"
class="whiteBox" @scrolltolower="lowerMore">
scroll-y="true" <view class="list">
refresher-default-style="none" <view class='l-item' v-for="item in listIndex" :key="item.id" @click="goProduct(item)">
@scrolltoupper="toupperTop" <image class='item-img' mode="aspectFit" :src='item.goodsImage'></image>
@scrolltolower="lowerMore"> <view class='item-text'>{{ item.goodsName }}</view>
<view class="list"> </view>
<view class='l-item' v-for="item in listIndex" :key="item.id" @click="goProduct(item)"> </view>
<image class='item-img' mode="aspectFit" :src='item.goodsImage'></image> </scroll-view>
<view class='item-text'>{{item.goodsName}}</view>
</view>
</view>
</scroll-view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { switchShowTabbar, isLogin,initSettings } from '@/utils/index' import { switchShowTabbar, isLogin, initSettings } from '@/utils/index'
export default { export default {
data() { data() {
return { return {
// 分类列表 // 分类列表
tabList: [], tabList: [],
tabCurrent: 1, tabCurrent: 1,
fromStore: false, fromStore: false,
pageNum: 1, pageNum: 1,
pageSize: 50,//每页展示几条数据 pageSize: 50,//每页展示几条数据
total: 0, total: 0,
hasNextText:'上拉加载更多', hasNextText: '上拉加载更多',
loadFlag:true, loadFlag: true,
hasNextPage:false, hasNextPage: false,
listIndex:[], listIndex: [],
inputValue:'' inputValue: ''
} }
},
async onLoad(options) {
// 有传值说明是从门店进入
if (options.fromStore) {
this.fromStore = options.fromStore
}
await this.init()
await this.initSearch()
},
methods: {
init() {
const self = this
self.$request('/app/goods/getCategoryList', 'POST').then((res) => {
self.tabList = res.result
})
}, },
onLoad(options) { initSearch() {
// 有传值说明是从门店进入 const self = this
if (options.fromStore) { const { tabCurrent, pageNum, pageSize } = self
this.fromStore = options.fromStore const parmas = {
"categoryId": tabCurrent,
"current": pageNum,
"size": pageSize,
"sort": "id desc"
} }
this.init() console.log(parmas, 'parmas')
this.initSearch() self.$request('/app/goods/getGoodsPage', 'POST', parmas).then((res) => {
}, const { data, total } = res.result
methods: { const hasNextPage = total - self.pageSize * self.pageNum > 0 ? true : false //是否有下一页
init(){ if (self.loadFlag) {
const self=this console.log(33);
self.$request('/app/goods/getCategoryList','POST').then((res)=>{ self.listIndex = self.listIndex.concat(data)
self.tabList=res.result } else {
}) console.log(34);
}, self.listIndex = data
initSearch(){
const self=this
const {tabCurrent,pageNum,pageSize}=self
const parmas={
"categoryId":tabCurrent,
"current": pageNum,
"size": pageSize,
"sort": "id desc"
} }
console.log(parmas,'parmas') self.hasNextPage = hasNextPage
self.$request('/app/goods/getGoodsPage','POST',parmas).then((res)=>{ self.loadFlag = false
console.log(res,'res') })
const {data,total}=res.result },
goProduct(item) {
const hasNextPage=total-self.pageSize*self.pageNum>0?true:false //是否有下一页 const params = { goodId: item.id }
if(self.loadFlag){ uni.navigateTo({
console.log(33); url: '/subPackage/productDetails/productDetails?mydata=' + encodeURIComponent(JSON.stringify(params))
self.listIndex=self.listIndex.concat(data) })
}else{ },
console.log(34); changeTab(index) {
self.listIndex=data
}
self.hasNextPage=hasNextPage
self.loadFlag=false
console.log(self.hasNextPage,'sort8888')
})
},
goProduct(item){
const params={
goodId:item.id
}
uni.navigateTo({
url:'/subPackage/productDetails/productDetails?mydata='+encodeURIComponent(JSON.stringify(params))
})
},
changeTab(index) {
this.tabCurrent = index this.tabCurrent = index
// this.categoryId=index // this.categoryId=index
this.pageNum=1 this.pageNum = 1
if(index!=0){ if (index != 0) {
this.recommandStatus='' this.recommandStatus = ''
}else{ } else {
this.recommandStatus=1 this.recommandStatus = 1
}
this.initSearch()
},
goInput(e){
console.log(e.detail.value,'9644')
this.inputValue=e.detail.value
this.pageNum=1
this.initSearch()
},
toupperTop(e){
console.log(e,'到顶了');
},
lowerMore(e){
console.log(e,'触底了');
if(!this.hasNextPage){
// uni.showToast({
// icon: 'none',
// title: '到底了',
// })
return false;
}
if(this.loadFlag) return;
this.loadFlag=true,
this.pageNum=this.pageNum+1
this.initSearch();
} }
},
onShow() {
this.buryingPoint('app:sort_pageView')
this.init()
this.initSearch() this.initSearch()
switchShowTabbar() },
goInput(e) {
console.log(e.detail.value, '9644')
this.inputValue = e.detail.value
this.pageNum = 1
this.initSearch()
},
toupperTop(e) {
console.log(e, '到顶了');
},
lowerMore(e) {
console.log(e, '触底了');
if (!this.hasNextPage) {
// uni.showToast({
// icon: 'none',
// title: '到底了',
// })
return false;
}
if (this.loadFlag) return;
this.loadFlag = true,
this.pageNum = this.pageNum + 1
this.initSearch();
} }
},
onShow() {
this.buryingPoint('app:sort_pageView')
this.init()
this.initSearch()
switchShowTabbar()
} }
}
</script> </script>
<style src="./index.less" lang="less" scoped></style> <style src="./index.less" lang="less" scoped></style>
subPackage/productDetails/index.less
View file @ 30716461
...@@ -2,12 +2,12 @@ ...@@ -2,12 +2,12 @@
width: 100%; width: 100%;
background: #F7FAFF; background: #F7FAFF;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 160rpx; padding-bottom: 150rpx;
.p-banner { .p-banner {
width: 100%; width: 100%;
height: 450rpx; min-height: 450rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
box-sizing: border-box; box-sizing: border-box;
padding: 0 30rpx; padding: 0 30rpx;
...@@ -156,10 +156,12 @@ ...@@ -156,10 +156,12 @@
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 1000%; width: 1000%;
height: 140rpx; height: 150rpx;
background: #FFFFFF; background: #FFFFFF;
display: flex; display: flex;
align-items: center; align-items: center;
box-sizing: border-box;
padding-bottom: 10rpx;
.footer-l { .footer-l {
display: flex; display: flex;
......
subPackage/productDetails/productDetails.vue
View file @ 30716461
<template> <template>
<view class='product-page' v-show="productInfo != null"> <view class='product-page' v-show="productInfo != null">
<view class='p-banner' v-show="goodsImage != ''"> <view class='p-banner' v-show="goodsImage != ''">
<image :src='goodsImage' class='banner-item'></image> <image :src='goodsImage' mode="widthFix" class='banner-item'></image>
</view> </view>
<view class="p-box"> <view class="p-box">
<view class='box-top'> <view class='box-top'>
......
subPackage/useFeed/index.less
View file @ 30716461
.use-page{ .use-page{
width: 100%; width: 100%;
height: 100vh; height: 100vh;
max-height: 1624rpx;
background: #F7FAFF; background: #F7FAFF;
.use-mian{ .use-mian{
padding-top:8rpx; padding-top:8rpx;
...@@ -63,8 +62,10 @@ ...@@ -63,8 +62,10 @@
position: fixed; position: fixed;
bottom:0 ; bottom:0 ;
width: 100%; width: 100%;
height: 126rpx; height: 136rpx;
background: #FFFFFF; background: #FFFFFF;
box-sizing: border-box;
padding-bottom: 10rpx;
.footer-btn{ .footer-btn{
margin: 23rpx 40rpx; margin: 23rpx 40rpx;
width: 670rpx; width: 670rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment