From b1fd37e9f5ba5d3d7e35300ee97dff90a4065619 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期一, 27 十月 2025 17:30:07 +0800
Subject: [PATCH] 我的页面
---
pages/commodity-square/commoditySquare.vue | 630 ++++++++++++++++++++++++++++++++++----------------------
1 files changed, 383 insertions(+), 247 deletions(-)
diff --git a/pages/commodity-square/commoditySquare.vue b/pages/commodity-square/commoditySquare.vue
index 62a478a..a8dec07 100644
--- a/pages/commodity-square/commoditySquare.vue
+++ b/pages/commodity-square/commoditySquare.vue
@@ -1,89 +1,140 @@
<template>
- <view class="container">
+ <view class="container" :style="{paddingTop:buttonHeight+'px'}">
+ <input type="text" value="flushDom" v-if="false" />
<top-bar selectedTitleIndex="shop" textColor="black" @changeTab="topBarChange" class="topBar"></top-bar>
- <input type="text" v-show="false" v-model="flushDom" />
- <view class="search" :style="{marginTop: buttonHeight+'px',}">
- <u-search class="nav-search" @blur='searchGoods' placeholder="鎼滅储鍟嗗搧" :show-action="false"></u-search>
+ <view class="search">
+ <u-search class="nav-search" @change='searchGoods' v-model="searchInfo" placeholder="鎼滅储鍟嗗搧"
+ :show-action="false"></u-search>
</view>
- <scroll-view class="scrollContainer" :scroll-y="true" @scrolltolower="loadMoreData" >
- <view class="commoditySquare">
- <view class="left" style="width: 310rpx;">
- <view class="commoditySquareItem" v-for="(item,index) in goodsList1"
- @click="goToGoodsInfo('goodsList1',item.id)">
- <!-- <video :src="item.goodsVideo" v-if="item.goodsVideo " v-show="item.show" :initial-time="0"
- :controls="false" object-fit="contain" :show-play-btn="false" :show-center-play-btn="false"
- @loadedmetadata="getvideoInfo($event,'goodsList1',index)" :ref="'video'+item.id"
- :style="{width:item.width,height:item.height}"></video> -->
- <image :src="item.thumbnail"
- mode="aspectFill" class="goodsImg">
- </image>
- <view class="goodsInfo">
- <view class="goodsName">{{item.goodsName}}</view>
- <view class="priceInfo">
- <view class="goodsPrice">锟{item.price}}</view>
- <view class="">宸插敭1: {{item.buyCount}}</view>
- </view>
+ <view class="banner" style="margin-top: 14rpx;" v-if="bannerList.length>0">
+ <swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000" :circular="true"
+ style="width: 100%;height: 160rpx;">
+ <swiper-item v-for="item in bannerList" :key="item.id"
+ @click="navigateGoodsInfo(item.skuId,item.goodsId)">
+ <view style="width: 100%; display: flex; align-items: center;justify-content: center;">
+ <image :src="item.showBannerUrl" mode="aspectFill"
+ style="width: 690rpx;height: 150rpx;border-radius: 24rpx;overflow: hidden;"></image>
</view>
- </view>
- </view>
- <view class="right" style="width: 310rpx;">
- <view class="commoditySquareItem" v-for="(item,index) in goodsList2"
- @click="goToGoodsInfo('goodsList2',item.id)">
-<!-- <video :src="item.goodsVideo" v-if="item.goodsVideo " v-show="item.show" :initial-time="0"
- :controls="false" object-fit="contain" :show-play-btn="false" :show-center-play-btn="false"
- @loadedmetadata="getvideoInfo($event,'goodsList2',index)" :ref="'video'+item.id"
- :style="{width:item.width,height:item.height}"></video> -->
- <image :src="item.thumbnail"
- mode="aspectFill" class="goodsImg">
- </image>
- <view class="goodsInfo">
- <view class="goodsName">{{item.goodsName}}</view>
- <view class="priceInfo">
- <view class="goodsPrice">锟{item.price}}</view>
- <view class="">宸插敭2: {{item.buyCount}}</view>
- </view>
- </view>
- </view>
- </view>
-
- <view class="openShowLeft" @click="showDrawer('showLeft')" v-if="!showLeft">
- <uni-icons type="right" size="30"></uni-icons>
- </view>
+ </swiper-item>
+ </swiper>
</view>
- <view style="display: flex;align-items: center;justify-content: center;margin-top: 20rpx;" v-if="canLoadMore">
- 娌℃湁鏇村鏁版嵁浜�.................</view>
- </scroll-view>
- <uni-drawer ref="showLeft" mode="left" width="120" height="80vh" :drawerTop="buttonHeight" @change="change($event,'showLeft')"
- :cus-style="true" class="navigationLeft">
- <scroll-view class="typeNavigation" :scroll-y="true" show-scrollbar="false">
+ <view style="display: flex;padding: 32rpx;box-sizing: border-box;">
+ <view class="navigatorMenue" style="height: 1050rpx;">
+ <scroll-view class="typeNavigation" :scroll-y="true" :show-scrollbar="false">
<view class="typeNavigationItem" :class="{typeNavigationItemCheck:currentCategort ==item.id}"
@click="chooseCategory(item.id)" v-for="item in categoryList" :key="item.id">
{{item.name}}
</view>
</scroll-view>
- </uni-drawer>
+
+ </view>
+ <view class="goodsInfos" style="position: relative;overflow: hidden;box-sizing: border-box;">
+ <scroll-view :scroll-y="true" :show-scrollbar="false" style="height: 1050rpx;"
+ @scrolltolower="loadMoreData()">
+
+ <view class="goodsItem" v-for="item in goodsList" :key="item.id"
+ @click.prevent="goToGoodsInfo(item.id)" style="display: flex;align-items: flex-start;justify-content: flex-start;margin: 10rpx 0;
+ box-sizing: border-box; border-bottom: 1rpx solid lightgray;">
+ <view class="pic" style="position: relative;">
+ <image :src="item.thumbnail" mode="aspectFill"
+ style="height: 200rpx;width: 200rpx;border-radius: 24rpx;">
+ </image>
+ <text style="background-color: #f92e20;color: #fff;
+ font-weight: bold;border-radius: 12rpx;padding: 5rpx;
+ margin-right: 15rpx;position: absolute;top: 0;left: 0;" v-if="item.salesModel==='PRESALE'">棰勫敭</text>
+ </view>
+ <view style="display: flex;align-items: flex-start;justify-content: space-between;
+ margin-left: 10rpx;flex-direction: column;width: 100%;">
+ <view class="goodsName">
+ <text>{{item.goodsName}}</text>
+ </view>
+ <view class="goodsContent" style="font-size: 24rpx;">
+ {{item.sellingPoint}}
+ </view>
+ <view
+ style="display: flex; justify-content: space-between;align-items:center;height: 100%;width: 100%;">
+ <view class="goodsPrice" style="padding: 20rpx 0;">锟{item.price}}</view>
+ <view class="addCard" style="display: flex; align-items: center;" v-if="item.goodsType !=='VIRTUAL_GOODS'&& item.customizeFlag!=='CUSTOMIZE'">
+ <view style="padding: 20rpx 0 20rpx 20rpx;" v-show="item.cardNum && item.cardNum>0"
+ @click.stop="miousCardNum($event,item.id)">
+ <uni-icons type="minus" size="30" color="#96a6bc"></uni-icons>
+ </view>
+ <input v-show="item.cardNum&&item.cardNum>0" @click.stop="" :maxlength="2"
+ type="number" confirm-type="numeric" style="width: 50rpx;text-align: center;"
+ v-model="item.cardNum" :disabled="true" />
+ <view style="padding: 20rpx 20rpx 20rpx 0;"
+ @click.stop="addCardNum($event,item.id)">
+ <uni-icons type="plus" size="30" color="#e06c75"></uni-icons>
+ <!-- <text class="iconfont" style="size: 1.5em;"></text> -->
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </scroll-view>
+ </view>
+ <!-- <view @click="gotoCardList()" style="position: absolute;bottom: 120rpx; right: 32rpx;">
+ <view class="settlement">鍘昏喘鐗╄溅缁撶畻</view>
+ </view> -->
+ </view>
+ <view @click="gotoCardList()" class="squareFotter" style="width: 750rpx; display: flex;align-items: center;
+ justify-content: space-between;padding: 0 32rpx;box-sizing: border-box;">
+ <view style="display: flex;align-items: center;justify-content: center;">
+ <view class="icon" style="position: relative;">
+ <text class="iconfont"></text>
+ <view style=" height: 36rpx;width:36rpx;display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: #f9583b;border-radius: 100%; position: absolute;
+ top: -25rpx; right: -20rpx;color: #fff;font-size: 24rpx;">
+ {{priceInfo.num > 99?'路路路':priceInfo.num}}
+ </view>
+ </view>
+ <view style="margin-left: 10rpx;color: #e06c75;font-size: 48rpx;font-weight: bold;">
+ 锟{priceInfo.price}}</view>
+ </view>
+ <view class="settlement">鍘荤粨绠�</view>
+ </view>
</view>
</template>
<script>
import TopBar from "@/components/TopBar.vue";
+ import { getSessionId, userAction } from "@/api/userAction.js";
import {
getCategoryList,
- getGoodsList
+ getGoodsList,
+ getBannerList
} from "@/api/goods.js";
+ import {
+ addCard,
+ getCarts,
+ deleteSkuItem
+ } from '@/api/trade.js'
import {
getSTSToken
} from '@/api/common.js'
+ import {
+ data
+ } from "../../components/uview-components/uview-ui/libs/mixin/mixin";
export default {
- components: {TopBar},
+ components: {
+ TopBar
+ },
data() {
return {
- buttonHeight:0,
+ priceInfo: {
+ price: 0,
+ num: 0
+ },
+ bannerList: [],
+ canGoToCarList: false,
+ nums: 10,
+ searchInfo: '',
+ //鍟嗗搧鍒楄〃
+ goodsList: [],
+ buttonHeight: 0,
//璁板綍涓ゅ垪楂樺害
- listHeight1: 0,
- listHeight2: 0,
- //鏄惁鏄剧ず鎵撳紑宸︿晶寮圭獥
- showLeft: false,
//鍟嗗搧瀵艰埅鍒嗙被
categoryList: [],
//褰撳墠閫変腑鐨勫垎绫�
@@ -100,14 +151,122 @@
pageSize: 12,
pageNumber: 1,
categoryId: null,
- canFilter:true
+ canFilter: true,
+ needFilterPre: true,
+ order: 'asc',
+ sort: 'goodsSort'
},
- //鍟嗗搧鍙屽垪鏄剧ず
- goodsList1: [],
- goodsList2: [],
+ pageSessionNo:"",
+ sendOnShow:false,
+ actionParam:{
+ sessionId:'',
+ actionType:"PAGE",
+ joinType:"SELF",
+ pageCode:"SHOPPING_SQUARE",
+ pageParams:"{}",
+ pageStatus:"JOIN",
+ pageType:"LIST"
+ }
}
},
methods: {
+ navigateGoodsInfo(skuId, goodsId) {
+ uni.navigateTo({
+ url: `/pages/product/goods?id=${skuId}&goodsId=${goodsId}`
+ });
+ },
+ gotoCardList() {
+ uni.navigateTo({
+ url: '/pages/cusbar/cart/cartList'
+ })
+ },
+ async addCardNum(e, id) {
+ // this.goodsList.forEach(item => {
+ // if (item.id === id) {
+ // if (item.cardNum) {
+ // item.cardNum++;
+ // } else {
+ // item.cardNum = 1;
+ // }
+ // this.flushDom = new Date().getMilliseconds();
+ // const data = {
+ // skuId: item.id,
+ // num: item.cardNum
+ // }
+ // await addCard(data)
+ // await this.getCartList();
+ // return;
+ // }
+ // })
+ for (let i = 0; i < this.goodsList.length; i++) {
+ const item = this.goodsList[i];
+ if (item.id === id) {
+ if (item.cardNum) {
+ item.cardNum++;
+ } else {
+ item.cardNum = 1;
+ }
+ this.flushDom = new Date().getMilliseconds();
+ const data = {
+ skuId: item.id,
+ num: item.cardNum
+ }
+ await addCard(data)
+ await this.getCartList();
+ return;
+ }
+ }
+ },
+ async miousCardNum(e, id) {
+ for (let i = 0; i < this.goodsList.length; i++) {
+ const item = this.goodsList[i];
+ if (item.id === id) {
+ if (item.cardNum && item.cardNum > 1) {
+ item.cardNum--;
+ } else {
+ await deleteSkuItem([id]);
+ item.cardNum = 0;
+ this.flushDom = new Date().getMilliseconds();
+ await this.getCartList();
+ break; // 閫�鍑烘暣涓惊鐜�
+ }
+ this.flushDom = new Date().getMilliseconds();
+ const data = {
+ skuId: item.id,
+ num: item.cardNum
+ };
+ await addCard(data);
+ await this.getCartList();
+ break; // 閫�鍑烘暣涓惊鐜�
+ }
+ }
+ // this.goodsList.forEach(item => {
+ // console.log('娴嬭瘯涓轰粈涔堜笉杩涘叆寰幆1',id,JSON.stringify(item.cardNum))
+ // if (item.id === id) {
+ // console.log('娴嬭瘯涓轰粈涔堜笉杩涘叆寰幆2',id,JSON.stringify(item.cardNum))
+ // if (item.cardNum && item.cardNum > 1) {
+ // console.log('娴嬭瘯涓轰粈涔堜笉杩涘叆寰幆3',id,JSON.stringify(item.cardNum))
+ // item.cardNum--;
+ // } else {
+ // console.log('娴嬭瘯涓轰粈涔堜笉杩涘叆寰幆4',id,JSON.stringify(item.cardNum))
+ // deleteSkuItem([id])
+ // item.cardNum = 0;
+ // this.flushDom = new Date().getMilliseconds();
+ // return;
+ // }
+ // this.flushDom = new Date().getMilliseconds();
+ // console.log("閫変腑鐨勫晢鍝佷负------------------->", JSON.stringify(item))
+ // console.log(item.cardNum, item.id)
+ // const data = {
+ // skuId: item.id,
+ // num: item.cardNum
+ // }
+ // addCard(data)
+ // return;
+ // }
+ // })
+
+ },
topBarChange(titleObj) {
if (titleObj.index === 'home') {
uni.switchTab({
@@ -123,10 +282,7 @@
this.getGoodsParam.keyword = keyWard
this.getGoodsParam.pageNumber = 1
this.getGoodsParam.categoryId = ''
- this.goodsList1 = []
- this.goodsList2 = []
- this.listHeight1 = 0;
- this.listHeight2 = 0;
+ this.goodsList = [];
await this.getgoodsData();
},
confirm() {},
@@ -165,207 +321,200 @@
this.listHeight1 -= videoHeight;
}
}
- console.log(this[arrName][index].width, this[arrName][index].height)
+ // console.log(this[arrName][index].width, this[arrName][index].height)
this.flushDom = new Date();
},
- goToGoodsInfo(arrName, id) {
- const item = this[arrName].find(item => id === item.id);
+ goToGoodsInfo(id) {
+ const item = this.goodsList.find(item => id === item.id);
+ // console.log(item)
uni.navigateTo({
url: `/pages/product/goods?id=${item.id}&goodsId=${item.goodsId}`
});
},
//瑙﹀簳鑾峰彇鏁版嵁
async loadMoreData() {
+ // console.log("瑙﹀簳鍔犺浇------------銆�", this.maxPages)
if (this.getGoodsParam.pageNumber < this.maxPages) {
this.getGoodsParam.pageNumber++;
await this.getgoodsData()
} else {
this.canLoadMore = true;
}
-
+
},
//鑾峰彇鍒嗙被瀵艰埅鏍�
async loadCategoryList() {
let list = await getCategoryList(0);
+ list.data.result.unshift({
+ id: 'ALL',
+ name: '鍏ㄩ儴'
+ })
this.categoryList = list.data.result
},
- async getgoodsData() {
- const goodsList = await getGoodsList(this.getGoodsParam);
- // const sts = await getSTSToken();
- // const stsUrl = sts.data.data.endpoint
- // // 澶勭悊鏁版嵁
- // goodsList.data.result.records.forEach(item => {
- // if (item.thumbnail !== '' && item.thumbnail !== null && item.thumbnail.indexOf('http') ===
- // -1) {
- // item.thumbnail = stsUrl + '/' + item.thumbnail
- // }
- // if (item.goodsVideo !== '' && item.goodsVideo !== null && item.goodsVideo.indexOf(
- // 'http') === -1) {
- // item.goodsVideo = stsUrl + '/' + item.goodsVideo
- // }
- // })
- //璁＄畻涓や釜鏁扮粍鐨勯暱搴� 鐢ㄤ簬瑙ｅ喅鐎戝竷娴佷袱杈归珮搴︿笉涓�鑷撮棶棰�
- //骞冲垎缁欎袱涓暟缁�
- const goodsSize = goodsList.data.result.records.length;
- let middle = Math.ceil(goodsSize / 2);
- //鍒ゆ柇閭ｄ釜闆嗗悎闀垮害楂� 閲嶆柊鍒嗛厤闆嗗悎鏁版嵁
- const diffHeight = this.listHeight1 - this.listHeight2;
- //list1闀垮害澶т簬list2
- if (diffHeight > 0) {
- const needCount = Math.floor(diffHeight / 300)
- if (needCount > 6) {
- middle = 0;
- } else {
- middle -= needCount;
- }
- } else if(diffHeight < 0) {
- const needCount = Math.abs(Math.floor(diffHeight / 300))
- if (needCount > 6) {
- middle += 6
- } else {
- middle = needCount;
- }
- }
- this.goodsList1 = [...this.goodsList1, ...goodsList.data.result.records.slice(0, middle)];
- this.goodsList2 = [...this.goodsList2, ...goodsList.data.result.records.slice(middle)];
- this.maxPages = goodsList.data.result.pages
+ async getBannerList() {
+ const bannerList = await getBannerList();
+ this.bannerList = bannerList.data.data
+ // console.log(this.bannerList)
+ },
+ async getCartList() {
+ const cardInfos = await getCarts();
+ const cardList = cardInfos.data.result.cartList.flatMap(item => {
+ return item.skuList.map(sku => {
+ return (sku.goodsSku.id, {
+ skuId: sku.goodsSku.id,
+ num: sku.num,
+ price: sku.priceDetailDTO.flowPrice
+ })
+ })
- // if(this.listHeight1===0||this.listHeight2===0)}
- this.listHeight1 += middle * 300;
- this.listHeight2 += (goodsSize - middle) * 300
+ })
+
+ this.priceInfo = cardList.reduce((newVal, current) => {
+ return {
+ num: newVal.num + current.num,
+ price: newVal.price + current.price
+ }
+ }, {
+ num: 0,
+ price: 0
+ })
+ },
+ async getgoodsData() {
+ const cardInfos = await getCarts();
+ // console.log('--------------------->', cardInfos)
+ // 澶勭悊璐墿杞︿俊鎭�
+ let cardMap = new Map();
+ this.canGoToCarList = cardInfos.data.result.cartList.length > 0
+ cardInfos.data.result.cartList.forEach(item => {
+
+ item.skuList.forEach(sku => {
+ cardMap.set(sku.goodsSku.id, {
+ skuId: sku.goodsSku.id,
+ num: sku.num
+ })
+ })
+
+ })
+ //鍥炴樉璐墿杞︽暟鎹�
+ const goodsList = await getGoodsList(this.getGoodsParam);
+ goodsList.data.result.records.forEach(item => {
+ const cardItem = cardMap.get(item.id);
+ if (cardItem) {
+ item.cardNum = cardItem.num;
+ }
+ })
+ this.goodsList = [...this.goodsList, ...goodsList.data.result.records];
+ this.maxPages = goodsList.data.result.pages
+ // console.log('this.goodsList----------------------->', JSON.stringify(goodsList.data.result))
+
},
async chooseCategory(id) {
+ this.searchInfo = '';
this.canLoadMore = false;
this.currentCategort = id
this.getGoodsParam.categoryId = id
this.getGoodsParam.keyword = ''
this.getGoodsParam.pageNumber = 1
- this.goodsList1 = [];
- this.goodsList2 = [];
- this.listHeight1 = 0;
- this.listHeight2 = 0;
+ this.goodsList = []
+ if (id === 'ALL') {
+ this.getGoodsParam.categoryId = '';
+ } else {
+ this.getGoodsParam.categoryId = id
+ }
await this.getgoodsData();
console.log(this.maxPages)
}
},
+ onUnload() {
+ let param = Object.assign({}, this.actionParam);
+ if (this.sendOnShow)return
+ param.pageStatus = "LEAVE"
+ userAction(param)
+ },
+ onHide() {
+ this.startHidenTime = Date.now()
+ let param = Object.assign({}, this.actionParam);
+ this.sendOnShow = true;
+ param.pageStatus = "LEAVE"
+ userAction(param)
+ },
onShow() {
- this.showDrawer('showLeft')
+ getSessionId().then(res=>{
+ this.pageSessionNo = res.data.data
+ this.actionParam.sessionId = this.pageSessionNo
+ if(this.pageSessionNo){
+ let param = Object.assign({}, this.actionParam);
+ userAction(param)
+ }
+ })
},
- async onLoad() {
+ async onLoad(options) {
+ this.actionParam.pageParams = JSON.stringify(options)
+
+ await this.getCartList();
// 鑾峰彇鐘舵�佹爮楂樺害
const systemInfo = uni.getSystemInfoSync();
- this.buttonHeight = systemInfo.statusBarHeight +40;
- console.log('-------------------------------->',this.buttonHeight)
+
+ this.buttonHeight = systemInfo.statusBarHeight + 40;
+ console.log('-------------------------------->', JSON.stringify(systemInfo))
await this.loadCategoryList();
this.getGoodsParam.pageNumber = 1
this.getGoodsParam.categoryId = ""
this.getGoodsParam.keyword = ""
await this.getgoodsData()
+ await this.getBannerList()
}
}
</script>
<style lang="scss" scoped>
.container {
+ box-sizing: border-box;
width: 750rpx;
padding-bottom: 64rpx;
height: 100vh;
overflow: hidden;
+
}
- .commoditySquare {
- width: 750rpx;
- box-sizing: border-box;
- display: flex;
- justify-content: space-around;
- height: 100%;
- }
- .scrollContainer{
- overflow: hidden;
- height: 1224rpx;
- -webkit-overflow-scrolling: touch;
- }
- .left {
- box-sizing: border-box;
- }
-
- .right {
- box-sizing: border-box;
- }
-
- .goodsImg {
- width: 300rpx;
- height: 300rpx;
- padding-bottom: 10rpx;
- }
-
- .commoditySquareItem {
- // border: 1rpx solid #b6dbba;
- border-radius: 12rpx;
- box-sizing: border-box;
- padding: 0 32rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- }
-
- .commoditySquareItem:nth-child(n+1) {
- margin-top: 32rpx;
- }
-
- .openShowLeft {
- position: fixed;
- top: 200rpx;
- left: 0;
- align-items: center;
- justify-content: flex-start;
- background-color: #b6b6b6;
- opacity: 0.8;
- z-index: 999;
+ .settlement {
+ width: 180rpx;
height: 70rpx;
- width: 50rpx;
- border-radius: 0 50% 50% 0;
+ line-height: 70rpx;
+ background: linear-gradient(91deg, $light-color 1%, $aider-light-color 99%);
+ border-radius: 900rpx;
+ text-align: center;
+ color: #fff;
+ margin-right: 10rpx;
}
- .navigationLeft {
- position: relative;
- background-color: #fcfcfc;
- // opacity: 0.5;
+ .navigatorMenue {
+ margin-left: -32rpx;
+ background-color: #f4f4f4;
+ height: 100%;
+ width: 200rpx;
+ border-radius: 0 24rpx 24rpx 0;
+ }
+
+ .goodsInfos {
box-sizing: border-box;
+ width: 500rpx;
+ height: 1050rpx;
+ margin-left: 10rpx;
}
-
- // .scroll-view {
- // /* #ifndef APP-NVUE */
- // width: 100%;
- // height: 100%;
- // /* #endif */
- // flex: 1
- // }
-
- // .priceInfo {
- // margin-top: 10rpx;
- // display: flex;
- // justify-content: space-around;
- // }
-
- // 澶勭悊鎶藉眽鍐呭婊氬姩
- // .scroll-view-box {
- // flex: 1;
- // position: absolute;
- // top: 0;
- // right: 0;
- // bottom: 0;
- // left: 0;
- // }
-
+ .topBar {
+ position: fixed;
+ top: 20rpx;
+ left: 20rpx;
+ z-index: 1000;
+ background-color: #ffffff;
+ }
.typeNavigation {
box-sizing: border-box;
padding: 10rpx;
height: 100%;
- // position: relative;
}
.typeNavigationItem {
@@ -373,56 +522,43 @@
font-size: 28rpx;
color: black;
margin-top: 10rpx;
- border-radius: 12rpx;
- border: 1rpx solid gray;
}
.typeNavigationItemCheck {
- background-color: #42b993;
- color: #fff;
+ color: #ef321e;
+ font-size: 32rpx;
+ font-weight: bold;
border: 0;
}
- .closeShowLeft {
- position: absolute;
- top: 20rpx;
- right: 0;
+ .goodsName {
+ // padding: 10rpx;
+ box-sizing: border-box;
+ // display: -webkit-box;
+ // -webkit-box-orient: vertical;
+ // -webkit-line-clamp: 1;
+ // height: 52rpx;
+ font-weight: bold;
+ // overflow: hidden;
+ // text-overflow: ellipsis;
+ // text-align: start;
+ // vertical-align: middle;
+ text-wrap: wrap;
}
- .nav-search {
- padding-left: 30rpx !important;
- padding-right: 20rpx !important;
- // position: fixed;
- // top: 0;
- // width: 500rpx;
- // z-index: 9999;
+ .goodsContent {
+ text-indent: 2em;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ vertical-align: middle;
+ color: #e7c463;
}
- .goodsInfo{
- margin-top: 10rpx;
- box-sizing: border-box;
- width: 100%;
- display: flex;
- flex-direction: column;
- }
- .goodsName{
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .priceInfo{
- margin-top: 10rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .goodsPrice{
+
+ .goodsPrice {
color: red;
font-weight: bold;
}
- .topBar {
- position: fixed;
- top: 20rpx;
- left: 20rpx;
- z-index: 1000
- }
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.8.0