|
|
@ -5,7 +5,9 @@ |
|
|
|
<view class="page"> |
|
|
|
<view class="page"> |
|
|
|
<view class="search-wrap"> |
|
|
|
<view class="search-wrap"> |
|
|
|
<uni-search-bar class="search" radius="30" placeholder="请输入" v-model="keyword" clearButton="auto" cancelButton="none" @confirm="searchConfirm" /> |
|
|
|
<uni-search-bar class="search" radius="30" placeholder="请输入" v-model="keyword" clearButton="auto" cancelButton="none" @confirm="searchConfirm" /> |
|
|
|
<view class="all" @click="toProduct">全部产品</view> |
|
|
|
<view> |
|
|
|
|
|
|
|
<button class="all" type="primary" @click.stop="toProduct">全部产品</button> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="block" style="margin-top: 0"> |
|
|
|
<view class="block" style="margin-top: 0"> |
|
|
@ -25,14 +27,16 @@ |
|
|
|
<view class="block"> |
|
|
|
<view class="block"> |
|
|
|
<view class="title-wrap"> |
|
|
|
<view class="title-wrap"> |
|
|
|
<view class="title">热销产品</view> |
|
|
|
<view class="title">热销产品</view> |
|
|
|
<view class="all" @click="toProduct">全部产品</view> |
|
|
|
<view> |
|
|
|
|
|
|
|
<button class="all" type="primary" @click.stop="toProduct">全部产品</button> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="list"> |
|
|
|
<view class="list"> |
|
|
|
<view v-for="(item, i) in hotProducts" :key="i" class="item" @click="toDetail(item)"> |
|
|
|
<view v-for="(item, i) in hotProducts" :key="i" class="item" @click="toDetail(item)"> |
|
|
|
<image class="pic" :src="$util.getIcon(item)"></image> |
|
|
|
<image class="pic" :src="$util.getIcon(item)"></image> |
|
|
|
<view class="texts"> |
|
|
|
<view class="texts"> |
|
|
|
<view class="name ell">{{ item.productName }}</view> |
|
|
|
<view class="name ell">{{ item.productName }}</view> |
|
|
|
<view class="des ell">{{ item.typeName }}</view> |
|
|
|
<view class="des ell">{{ item.tagsName }}</view> |
|
|
|
<view class="meta">{{ item.marketUnitPrice }}元/年</view> |
|
|
|
<view class="meta">{{ item.marketUnitPrice }}元/年</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -43,14 +47,16 @@ |
|
|
|
<view class="block" style="margin-top: 40rpx"> |
|
|
|
<view class="block" style="margin-top: 40rpx"> |
|
|
|
<view class="title-wrap"> |
|
|
|
<view class="title-wrap"> |
|
|
|
<view class="title">官方推荐</view> |
|
|
|
<view class="title">官方推荐</view> |
|
|
|
<view class="all" @click="toProduct">全部产品</view> |
|
|
|
<view> |
|
|
|
|
|
|
|
<button class="all" type="primary" @click.stop="toProduct">全部产品</button> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="list"> |
|
|
|
<view class="list"> |
|
|
|
<view v-for="(item, i) in offcialProducts" :key="i" class="item" @click="toDetail(item)"> |
|
|
|
<view v-for="(item, i) in offcialProducts" :key="i" class="item" @click="toDetail(item)"> |
|
|
|
<image class="pic" :src="$util.getIcon(item)"></image> |
|
|
|
<image class="pic" :src="$util.getIcon(item)"></image> |
|
|
|
<view class="texts"> |
|
|
|
<view class="texts"> |
|
|
|
<view class="name ell">{{ item.productName }}</view> |
|
|
|
<view class="name ell">{{ item.productName }}</view> |
|
|
|
<view class="des ell">{{ item.typeName }}</view> |
|
|
|
<view class="des ell">{{ item.tagsName }}</view> |
|
|
|
<view class="meta">{{ item.marketUnitPrice }}元/年</view> |
|
|
|
<view class="meta">{{ item.marketUnitPrice }}元/年</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -250,7 +256,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
.all { |
|
|
|
.all { |
|
|
|
font-size: 24rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #666; |
|
|
|
border-radius: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
.block { |
|
|
|
.block { |
|
|
|
margin: 20rpx 0; |
|
|
|
margin: 20rpx 0; |
|
|
|