From 4f30734588eb34ea2d7c27856f72ce40da8ab365 Mon Sep 17 00:00:00 2001
From: rk <94314517@qq.com>
Date: 星期六, 28 二月 2026 12:01:10 +0800
Subject: [PATCH] 小程序 接口开发
---
mini-program/pages/zhuanqu/zhuanqu.vue | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 104 insertions(+), 2 deletions(-)
diff --git a/mini-program/pages/zhuanqu/zhuanqu.vue b/mini-program/pages/zhuanqu/zhuanqu.vue
index cfbad9e..5cb6f7c 100644
--- a/mini-program/pages/zhuanqu/zhuanqu.vue
+++ b/mini-program/pages/zhuanqu/zhuanqu.vue
@@ -1,6 +1,23 @@
<template>
<view class="box">
-
+ <view class="quality">
+ <view class="quality-item" @click="jumpShopZ(specialZone1[0])" v-if="specialZone1.length >= 1">
+ <image class="quality-item-image" :src="specialZone1[0].imgUrl || '/static/icon/default2.png'" mode="widthFix"></image>
+ </view>
+ <view class="quality-item" v-if="specialZone1.length >= 2">
+ <view class="quality-item-row" @click="jumpShopZ(specialZone1[1])" v-if="specialZone1.length >= 2">
+ <image class="quality-item-row-image" :src="specialZone1[1].imgUrl || '/static/icon/default2.png'" mode="widthFix"></image>
+ </view>
+ <view class="quality-item-row" @click="jumpShopZ(specialZone1[2])" v-if="specialZone1.length >= 3">
+ <image class="quality-item-row-image" :src="specialZone1[2].imgUrl || '/static/icon/default2.png'" mode="widthFix"></image>
+ </view>
+ </view>
+ </view>
+ <view class="quality-item1" v-if="specialZone2.length > 0">
+ <view class="quality-item-row1" @click="jumpShopZ(item)" v-for="(item, index) in specialZone2" :key="index">
+ <image class="quality-item-row-image1" :src="item.imgUrl || '/static/icon/default2.png'" mode="widthFix"></image>
+ </view>
+ </view>
</view>
</template>
@@ -8,8 +25,29 @@
export default {
data() {
return {
-
+ specialZone1: [],
+ specialZone2: []
};
+ },
+ onLoad() {
+ this.getLabels()
+ },
+ methods: {
+ // 鑾峰彇鍒嗙被
+ getLabels() {
+ this.$u.api.getGoodsLabelsByType({ type: 12 })
+ .then(res => {
+ if (res.code === 200) {
+ this.specialZone1 = res.data.slice(0, 3)
+ this.specialZone2 = res.data.slice(3, res.data.length)
+ }
+ })
+ },
+ jumpShopZ(item) {
+ uni.navigateTo({
+ url: '/pages/special-zone/special-zone?qualityId=' + item.id
+ })
+ }
}
}
</script>
@@ -17,5 +55,69 @@
<style lang="scss" scoped>
.box {
width: 100%;
+ padding: 0 30rpx;
+ box-sizing: border-box;
+
+ .quality-item1 {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin-top: 20rpx;
+ .quality-item-image1 {
+ width: 100%;
+ }
+
+ .quality-item-row1 {
+ width: 334rpx;
+ height: 178rpx;
+ border-radius: 16rpx;
+ overflow: hidden;
+ border-radius: 16rpx;
+ margin-bottom: 20rpx;
+
+ .quality-item-row-image1 {
+ width: 100%;
+ }
+ }
+ }
+
+ .quality {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin-top: 30rpx;
+
+ .quality-item {
+ width: 334rpx;
+ height: 372rpx;
+ border-radius: 16rpx;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ overflow: hidden;
+
+ .quality-item-image {
+ width: 100%;
+ }
+
+ .quality-item-row {
+ width: 100%;
+ height: 176rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ border-radius: 16rpx;
+
+ .quality-item-row-image {
+ width: 100%;
+ }
+ }
+ }
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3