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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 117
      subPackages/techan/index.vue

117
subPackages/techan/index.vue
View File

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

Write Preview
Loading…
Cancel
Save