2
This commit is contained in:
@@ -3,6 +3,7 @@
|
||||
<view class="tabs">
|
||||
<view class="tab" :class="{active: tab==='all'}" @click="switchTab('all')">全部</view>
|
||||
<view class="tab" :class="{active: tab==='category'}" @click="switchTab('category')">按类别</view>
|
||||
<view class="tab extra" @click="goMySubmissions">我的提交</view>
|
||||
</view>
|
||||
|
||||
<view class="search">
|
||||
@@ -18,7 +19,11 @@
|
||||
<view class="item" v-for="it in items" :key="it.id" @click="openForm(it.id)">
|
||||
<image v-if="it.cover" :src="it.cover" class="thumb" mode="aspectFill" />
|
||||
<view class="content">
|
||||
<view class="name">{{ it.name }}</view>
|
||||
<view class="name">
|
||||
<text>{{ it.name }}</text>
|
||||
<text v-if="it.platformStatus==='platform'" class="tag-platform">平台推荐</text>
|
||||
<text v-else-if="it.sourceSubmissionId" class="tag-custom">我的提交</text>
|
||||
</view>
|
||||
<view class="meta">{{ it.brand || '-' }} {{ it.model || '' }} {{ it.spec || '' }}</view>
|
||||
<view class="meta">库存:{{ it.stock ?? 0 }}
|
||||
<text class="price">零售价:¥{{ (it.retailPrice ?? it.price ?? 0).toFixed(2) }}</text>
|
||||
@@ -31,7 +36,7 @@
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<view class="fab" @click="openForm()">+</view>
|
||||
<!-- 保留“我的提交”页的+,此处不显示 -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -117,6 +122,9 @@ export default {
|
||||
openForm(id) {
|
||||
const url = '/pages/product/form' + (id ? ('?id=' + id) : '')
|
||||
uni.navigateTo({ url })
|
||||
},
|
||||
goMySubmissions() {
|
||||
uni.navigateTo({ url: '/pages/product/submissions' })
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -127,6 +135,7 @@ export default {
|
||||
.tabs { display:flex; background:$uni-bg-color-grey; }
|
||||
.tab { flex:1; text-align:center; padding: 20rpx 0; color:$uni-text-color-grey; }
|
||||
.tab.active { color:$uni-color-primary; font-weight: 600; }
|
||||
.tab.extra { flex: 0 0 180rpx; color:$uni-color-primary; font-weight: 600; }
|
||||
.search { display:flex; gap: 12rpx; padding: 16rpx; background:$uni-bg-color-grey; align-items: center; }
|
||||
.search input { flex:1; background:$uni-bg-color-hover; border-radius: 12rpx; padding: 12rpx; color: $uni-text-color; }
|
||||
.picker { padding: 8rpx 12rpx; background:$uni-bg-color-hover; border-radius: 10rpx; color:$uni-text-color-grey; }
|
||||
@@ -134,7 +143,9 @@ export default {
|
||||
.item { display:flex; padding: 20rpx; background:$uni-bg-color-grey; border-bottom: 1rpx solid $uni-border-color; }
|
||||
.thumb { width: 120rpx; height: 120rpx; border-radius: 12rpx; margin-right: 16rpx; background:$uni-bg-color-hover; }
|
||||
.content { flex:1; }
|
||||
.name { color:$uni-text-color; margin-bottom: 6rpx; font-weight: 600; }
|
||||
.name { color:$uni-text-color; margin-bottom: 6rpx; font-weight: 600; display:flex; align-items:center; gap: 12rpx; }
|
||||
.tag-platform { font-size: 22rpx; color:#fff; background:#2d8cf0; padding: 4rpx 10rpx; border-radius: 8rpx; }
|
||||
.tag-custom { font-size: 22rpx; color:#fff; background:#67c23a; padding: 4rpx 10rpx; border-radius: 8rpx; }
|
||||
.meta { color:$uni-text-color-grey; font-size: 24rpx; }
|
||||
.price { margin-left: 20rpx; color:$uni-color-primary; }
|
||||
.empty { height: 60vh; display:flex; align-items:center; justify-content:center; color:$uni-text-color-grey; }
|
||||
|
||||
Reference in New Issue
Block a user