1

manifest.json

@@ -1,6 +1,6 @@
 {
     "name" : "wxuniapp",
-    "appid" : "__UNI__70C069F",
+    "appid" : "__UNI__3ADC565",
     "description" : "",
     "versionName" : "1.0.0",
     "versionCode" : "100",

package-lock.json

@@ -0,0 +1,3 @@
+{
+  "lockfileVersion": 1
+}

pages.json

@@ -235,18 +235,18 @@
 				"selectedIconPath": "static/btn_fenlei2.png",
 				"text": "分类"
 			},
-			{
-				"pagePath": "pages/market/commodity",
-				"iconPath": "static/iconm_gongys.png",
-				"selectedIconPath": "static/iconm_gongys2.png",
-				"text": "好物"
-			},
-			{
-				"pagePath": "pages/market/market",
-				"iconPath": "static/btn_gouwc.png",
-				"selectedIconPath": "static/btn_gouwc2.png",
-				"text": "购物车"
-			},
+			// {
+			// 	"pagePath": "pages/market/commodity",
+			// 	"iconPath": "static/iconm_gongys.png",
+			// 	"selectedIconPath": "static/iconm_gongys2.png",
+			// 	"text": "好物"
+			// },
+			// {
+			// 	"pagePath": "pages/market/market",
+			// 	"iconPath": "static/btn_gouwc.png",
+			// 	"selectedIconPath": "static/btn_gouwc2.png",
+			// 	"text": "购物车"
+			// },
 			{
 				"pagePath": "pages/myinfo/myinfo",
 				"iconPath": "static/btn_mine.png",

pages/index/base/head.vue

@@ -19,7 +19,7 @@
 			</view>
             <view class="swiperstyle">
                 <u-swiper 
-                    style="width:720rpx"
+                    style="width:702rpx"
                     height="300rpx"
 					:list="swiperlist"
 					indicatorMode="line"

pages/index/base/showPictures.vue

@@ -0,0 +1,82 @@
+<template>
+	<view>
+		<view class="title">
+			<view class="title_text">鲍鱼展览</view>
+		</view>
+		<view class="swiperstyle">
+			<u-swiper style="width:702rpx" :effect3d="true" height="351rpx" :list="swiperlist" indicatorMode="line"
+				circular indicator keyName="url" @click="clicktabs"></u-swiper>
+		</view>
+
+		<viewer :images="swiperlist" v-if="isPreviewVisible" @close="isPreviewVisible = false"></viewer>
+	</view>
+</template>
+
+<script>
+	import {
+		carouselList
+	} from '@/http/api/common.js'
+
+	export default {
+		data() {
+			return {
+				swiperlist: [],
+				isPreviewVisible: false
+			}
+		},
+		async mounted() {
+			this.getCarouselList()
+		},
+		methods: {
+			async getCarouselList() {
+				//获取轮播图
+				let res = await carouselList({
+					modules: '3'
+				})
+				if (res.data.code == 200) {
+					let data = res.data.data.rows
+					this.swiperlist = data.map(v => {
+						return {
+							...v,
+							url: v.carouselUrlList[0].fileUrl
+						}
+					})
+				}
+			},
+
+			clicktabs(item) {
+				console.log(this.swiperlist[item].url)
+				uni.previewImage({
+					loop: true,
+					urls: [this.swiperlist[item].url]
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+	.title {
+		display: flex;
+		width: 90vw;
+		justify-content: space-between;
+		margin: 0 auto;
+	}
+
+	.title_text {
+		width: 128rpx;
+		height: 45rpx;
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #333333;
+		line-height: 45rpx;
+	}
+
+	.swiperstyle {
+		width: 702rpx;
+		height: 351rpx;
+		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
+		border-radius: 16rpx;
+		margin-top: 20rpx;
+	}
+</style>

pages/index/index.vue

@@ -5,7 +5,9 @@
 		<!-- 行情信息 -->
 		<Market class="margintop20"></Market>
 		<!-- 商场分类 -->
-		<shoppingMalls class="margintop20"></shoppingMalls>
+		<!-- <shoppingMalls class="margintop20"></shoppingMalls> -->
+		<!-- 图片展示 -->
+		<showPictures class="margintop20"></showPictures>
 		<!-- 页签跳转 -->
 		<labelItem class="margintop20"></labelItem>
 		<!-- 最新资讯 -->
@@ -21,6 +23,7 @@
 import iHead from './base/head.vue'
 import Market from './base/Market.vue'
 import shoppingMalls from './base/shoppingMalls.vue'
+import showPictures from './base/showPictures.vue'
 import news from './base/news.vue'
 import newVideo from './base/newVideo.vue'
 import Exchange from './base/Exchange.vue'
@@ -32,6 +35,7 @@ export default {
         iHead,
 		Market,
 		shoppingMalls,
+		showPictures,
 		news,
 		newVideo,
 		Exchange,

project.config.json

@@ -0,0 +1,28 @@
+{
+  "appid": "wx255dd0c001bdaa93",
+  "compileType": "miniprogram",
+  "libVersion": "3.5.2",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "setting": {
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "enhance": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmRelationList": [],
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    }
+  },
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
+}

project.private.config.json

@@ -0,0 +1,7 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "xmhjc-applet",
+  "setting": {
+    "compileHotReLoad": true
+  }
+}