chenkainan
/
flavorOfTimeSz
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

特产分类

master
jiazhipeng 2 months ago
parent
1d3800ec2f
commit
65c7c4c022
1 changed files with 69 additions and 48 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 113
      subPackages/techan/index.vue

113
subPackages/techan/index.vue
View File

@ -33,54 +33,57 @@
<view class="goods-container">
<view class="search-container">
<view >
<text :class="[search_type==0?'active-search-item':'']" @click="changeSearchParm(0)">综合</text>
</view>
<view >
<text :class="[[1,2].includes(search_type)?'active-search-item':'']" @click="changeSearchParm(search_type==1?2:1)">销量</text>
<view class="search-item">
<view :class="[search_type==1?'active-search-item':'','triangle-up']" @click="changeSearchParm(1)">▼</view>
<view :class="[search_type==2?'active-search-item':'']" @click="changeSearchParm(2)">▼</view>
<view class="left-box">
</view>
<view class="right-box">
<view class="search-container">
<view >
<text :class="[search_type==0?'active-search-item':'']" @click="changeSearchParm(0)">综合</text>
</view>
</view>
<view >
<text :class="[[3,4].includes(search_type)?'active-search-item':'']" @click="changeSearchParm(search_type==3?4:3)">价格</text>
<view class="search-item">
<view :class="[search_type==3?'active-search-item':'','triangle-up']" @click="changeSearchParm(3)">▼</view>
<view :class="[search_type==4?'active-search-item':'']" @click="changeSearchParm(4)">▼</view>
<view >
<text :class="[[1,2].includes(search_type)?'active-search-item':'']" @click="changeSearchParm(search_type==1?2:1)">销量</text>
<view class="search-item">
<view :class="[search_type==1?'active-search-item':'','triangle-up']" @click="changeSearchParm(1)">▼</view>
<view :class="[search_type==2?'active-search-item':'']" @click="changeSearchParm(2)">▼</view>
</view>
</view>
</view>
</view>
<scroll-view class="right-container no-scrollbar" :scroll-y="true" @scrolltolower="scrollLow()">
<view class="item" v-for="item in list" :key="item.id" @click="viewDetail(item)">
<image class="item-img" :src="showImg(item.headimg)" mode=""></image>
<view class="content">
<view class="title text-overflowRows">{{item.title}}</view>
<!-- <view style="font-weight: 500;font-size: 21rpx;color: #999999;">已售{{item.sales_number}}</view> -->
<view class="tag-container" v-if="item.display_tags">
<view class="tag" v-for="(tag,tagI) in item.display_tags.split(',')" :key="tagI">{{tag}}</view>
<view >
<text :class="[[3,4].includes(search_type)?'active-search-item':'']" @click="changeSearchParm(search_type==3?4:3)">价格</text>
<view class="search-item">
<view :class="[search_type==3?'active-search-item':'','triangle-up']" @click="changeSearchParm(3)">▼</view>
<view :class="[search_type==4?'active-search-item':'']" @click="changeSearchParm(4)">▼</view>
</view>
<view class="bottom">
<view>
<text class="price">{{item.price/100}}</text>
<text class="oldPrice">￥{{item.market_price/100}}</text>
</view>
</view>
<scroll-view class="right-container no-scrollbar" :scroll-y="true" @scrolltolower="scrollLow()">
<view class="item" v-for="item in list" :key="item.id" @click="viewDetail(item)">
<image class="item-img" :src="showImg(item.headimg)" mode=""></image>
<view class="content">
<view class="title text-overflowRows">{{item.title}}</view>
<!-- <view style="font-weight: 500;font-size: 21rpx;color: #999999;">已售{{item.sales_number}}</view> -->
<view class="tag-container" v-if="item.display_tags">
<view class="tag text-overflow" v-for="(tag,tagI) in item.display_tags.split(',')" :key="tagI">{{tag}}</view>
</view>
<view class="bottom">
<view>
<text class="price">{{item.price/100}}</text>
<text class="oldPrice">￥{{item.market_price/100}}</text>
</view>
<view class="buy-cart" @click.stop="showOrderCart(item)">+</view>
<view class="buy-cart" @click.stop="showOrderCart(item)">+</view>
</view>
</view>
</view>
</view>
<view class="no-data-zhanwei" v-if="list.length<=0">
<image src="https://static.ticket.sz-trip.com/uploads/20250618/0c2a469b4216f8cd570822b642d0a0fe.png"></image>
<view style="padding:50rpx 0 67rpx">暂无数据</view>
</view>
<view style="height: 148rpx;width: 1rpx;"></view>
</scroll-view>
<view class="no-data-zhanwei" v-if="list.length<=0">
<image src="https://static.ticket.sz-trip.com/uploads/20250618/0c2a469b4216f8cd570822b642d0a0fe.png"></image>
<view style="padding:50rpx 0 67rpx">暂无数据</view>
</view>
<view style="height: 148rpx;width: 1rpx;"></view>
</scroll-view>
</view>
</view>
</template>
@ -140,7 +143,6 @@
<view class="btn-bottom" >
<cartDataVue ref="cartDataVueRef" :paramData="paramData" @changeParamData="changeParamData" style="width: 100%;height: 100%;">
<template class="btn-list" slot="content">
<view class="left-box">
<uni-badge class="uni-badge-left-margin" :text="paramData.num" absolute="rightTop" :offset="[5, 5]" size="small"
:custom-style="{background:'#D90F01',color:'#ffffff',border:'1px solid #ffffff'}">
@ -159,7 +161,6 @@
<view class="btn-buy" @click="goCartOrder">
去下单
</view>
</template>
</cartDataVue>
</view>
@ -644,7 +645,6 @@
height: 1rpx;
flex: 1;
display: flex;
flex-direction: column;
background: #FFFFFF;
}
@ -655,9 +655,9 @@
font-weight: bold;
font-size: 27rpx;
color: #000000;
height: 107rpx;
height: 100rpx;
flex-shrink: 0;
padding: 0 32rpx;
padding: 0 20rpx;
&>view{
display: flex;
min-width: 70rpx;
@ -680,7 +680,7 @@
background: white;
.item {
width: 100%;
padding:0 32rpx 32rpx 32rpx;
padding:0 20rpx 32rpx 20rpx;
display: flex;
.item-img {
width: 161rpx;
@ -1081,4 +1081,25 @@
.active-search-item{
color: #6A8A2D;
}
.goods-container{
.left-box{
width: 180rpx;
background: #F3F3F3;
height: 100%;
flex-shrink: 0;
overflow-x: hidden;
overflow-y: auto;
}
.right-box{
height: 100%;
flex: 1;
width: 100rpx;
background: white;
display: flex;
flex-direction: column;
}
}
</style>

Write Preview
Loading…
Cancel
Save