供销社 列表 详情

pages.json

@@ -8,6 +8,24 @@
 			}
 		},
 		{
+			"path": "pages/cooperative/cooperative",
+			"style": {
+				"usingComponents": {},
+				"navigationBarBackgroundColor": "#07c160",
+				"navigationBarTextStyle": "white",
+				"navigationBarTitleText": "供销社"
+			}
+		},
+		{
+			"path": "pages/cooperative/details",
+			"style": {
+				"usingComponents": {},
+				"navigationBarBackgroundColor": "#07c160",
+				"navigationBarTextStyle": "white",
+				"navigationBarTitleText": "供销社详情"
+			}
+		},
+		{
 			"path": "pages/index/index",
 			"style": {
 				"component": true,
@@ -143,4 +161,4 @@
 		]
 	},
 	"subPackages": []
-}
+}

pages/cooperative/cooperative.css

@@ -0,0 +1,128 @@
+/* pages/wenda/wenda.wxss */
+.wendaFL {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin: 30rpx 0 0 0;
+}
+.wendaFL li {
+    width: 48%;
+    height: 168rpx;
+    position: relative;
+}
+.cooperativeBox{
+    position: relative;
+    left: 30rpx;
+    top: 10rpx;
+    z-index: 0;
+    width: 800rpx;
+    height: 100rpx;
+}
+.cooperativeImgBox{
+    position: relative;
+    left: 0;
+    top: 0;
+    z-index: 0;
+    width: 330rpx;
+    height: 100rpx;
+}
+.cooperativeImg{
+    position: relative;
+    left: 0;
+    top: 0;
+    z-index: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.lbBj {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 0;
+    width: 100%;
+    height: 100%;
+}
+.wendaFL li h2 {
+    font-size: 36rpx;
+    position: absolute;
+    left: 30rpx;
+    top: 40rpx;
+    z-index: 1;
+    font-weight: bold;
+}
+.wendaFL li span {
+    font-size: 30rpx;
+    position: absolute;
+    left: 30rpx;
+    top: 88rpx;
+    z-index: 1;
+}
+.wendaFL li.sanNong {
+    color: #0d9970;
+}
+.wendaFL li.jiuYe {
+    color: #1e8fb4;
+}
+.wendaFL li.faLv {
+    color: #1e5dab;
+}
+.wendaFL li.jiuZhen {
+    color: #4a700d;
+}
+/* 列表 */
+.rnwdList {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin: 20rpx 0;
+}
+.list {
+    width: 79%;
+}
+.lb {
+    background: #0d9970;
+    color: #fff;
+    font-size: 24rpx;
+    width: 12%;
+    text-align: center;
+    padding: 2rpx 0;
+    line-height: 40rpx;
+    height: 40rpx;
+    border-radius: 10rpx;
+}
+.listTitle {
+    font-size: 32rpx;
+    color: #333;
+    line-height: 40rpx;
+}
+.jlSj {
+    height: 40rpx;
+    display: flex;
+    justify-content: space-between;
+    font-size: 24rpx;
+    margin: 20rpx 0 0 0;
+}
+.jf {
+    color: #07c160;
+}
+.icon-jifen {
+    font-size: 28rpx;
+    color: #07c160;
+    margin: 0 0 0 6rpx;
+}
+.ck {
+    color: #c4c4c4;
+}
+.icon-pinglun,
+.icon-chakan,
+.icon-shoucang {
+    font-size: 28rpx;
+    margin: 0 6rpx 0 20rpx;
+    color: #c4c4c4;
+}
+.icon-xiangyoujiantou {
+    font-size: 30rpx;
+    color: #c4c4c4;
+    line-height: 60rpx;
+}

pages/cooperative/cooperative.vue

@@ -0,0 +1,178 @@
+<template>
+    <!-- pages/fuwu/fuwu.wxml -->
+    <view class="container">
+        <!-- 供销社列表 -->
+        <view class="rnwdList" @tap="goDetails" v-for="(item, index) in list" :key="index">
+            <!--<span class="lb">{{ item.name }}</span>-->
+            <view class="cooperativeImgBox">
+                <image :src="loadImgSrc('/snbj.png')" class="cooperativeImg" @tap="goDetails"></image>
+            </view>
+            <view class="cooperativeBox">
+                <view class="list">
+                    <span class="listTitle">{{ item.name }}</span>
+                    <view class="jlSj">
+                        <span class="jf">
+                            {{ item.address }}
+                        </span>
+                    </view>
+                </view>
+            </view>
+            <em class="iconfont icon-xiangyoujiantou"></em>
+        </view>
+
+
+        <!-- 问答类别 -->
+
+        <!--<ul class="wendaFL">-->
+            <!--<li class="sanNong">-->
+                <!--<image :src="loadImgSrc('/snbj.png')" class="lbBj" @tap="goSanNong"></image>-->
+                <!--<h2>三农</h2>-->
+                <!--<span>1566</span>-->
+            <!--</li>-->
+            <!--<li class="jiuYe">-->
+                <!--<image :src="loadImgSrc('/jybj.png')" class="lbBj"></image>-->
+                <!--<h2>就业</h2>-->
+                <!--<span>1589</span>-->
+            <!--</li>-->
+        <!--</ul>-->
+        <!--<ul class="wendaFL">-->
+            <!--<li class="faLv">-->
+                <!--<image :src="loadImgSrc('/flbj.png')" class="lbBj"></image>-->
+                <!--<h2>法律</h2>-->
+                <!--<span>6589</span>-->
+            <!--</li>-->
+            <!--<li class="jiuZhen">-->
+                <!--<image :src="loadImgSrc('/jzbj.png')" class="lbBj"></image>-->
+                <!--<h2>就诊</h2>-->
+                <!--<span>1566</span>-->
+            <!--</li>-->
+        <!--</ul>-->
+        <!--<ul class="wendaFL">-->
+            <!--<li class="jiuYe">-->
+                <!--<image :src="loadImgSrc('/zkbj.png')" class="lbBj"></image>-->
+                <!--<h2>智库</h2>-->
+                <!--<span>1589</span>-->
+            <!--</li>-->
+            <!--<li class="sanNong">-->
+                <!--<image :src="loadImgSrc('/lybj.png')" class="lbBj"></image>-->
+                <!--<h2>旅游</h2>-->
+                <!--<span>6589</span>-->
+            <!--</li>-->
+        <!--</ul>-->
+        <!-- 问答列表 -->
+        <!--<view class="rnwdList" @tap="goDetails" v-for="(item, index) in wb" :key="index">-->
+            <!--<span class="lb">{{ item.type }}</span>-->
+
+            <!--<view class="list">-->
+                <!--<span class="listTitle">{{ item.title }}</span>-->
+                <!--<view class="jlSj">-->
+                    <!--<span class="jf">-->
+                        <!--{{ item.jf }}-->
+                        <!--<em class="iconfont icon-jifen"></em>-->
+                    <!--</span>-->
+                    <!--<view class="ck">-->
+                        <!--<span>-->
+                            <!--<em class="iconfont icon-pinglun"></em>-->
+                            <!--{{ item.pl }}-->
+                        <!--</span>-->
+                        <!--<span>-->
+                            <!--<em class="iconfont icon-chakan"></em>-->
+                            <!--{{ item.ck }}-->
+                        <!--</span>-->
+                        <!--<span>-->
+                            <!--<em class="iconfont icon-shoucang"></em>-->
+                            <!--{{ item.dz }}-->
+                        <!--</span>-->
+                    <!--</view>-->
+                <!--</view>-->
+            <!--</view>-->
+
+            <!--<em class="iconfont icon-xiangyoujiantou"></em>-->
+        <!--</view>-->
+    </view>
+</template>
+
+<script>
+// pages/fuwu/fuwu.js
+export default {
+    data() {
+        return {
+            list: [
+                {
+                    name:"供销社1",
+                    address:"供销社地址1",
+                    chargePeople:"负责人1",
+                    chargePhone:"13103215236",
+                    imgUrl:"/profile/upload/2024/03/01/nacos_20240301145836A002.png"
+                },
+                {
+                    name:"供销社2",
+                    address:"供销社地址2",
+                    chargePeople:"负责人2",
+                    chargePhone:"09876543210",
+                    imgUrl:"/profile/upload/2024/03/01/nacos_20240301145836A002.png"
+                },
+                {
+                    name:"供销社3",
+                    address:"供销社地址3",
+                    chargePeople:"负责人3",
+                    chargePhone:"12345678910",
+                    imgUrl:"/profile/upload/2024/03/01/nacos_20240301145836A002.png"
+                }
+            ],
+
+
+            wb: [
+				{
+					ck: '10',
+					dz: '120',
+					id: 1,
+					jf: '100',
+					pl: '10',
+					title: '探索乡村能源供给新模式',
+					type: '三农'
+				},
+				{
+					ck: '20',
+					dz: '220',
+					id: 2,
+					jf: '200',
+					ly: '20',
+					title: '探索乡村能源供给新模式 美丽新画卷',
+					type: '三农'
+				},
+				{
+					ck: '30',
+					dz: '30',
+					id: 3,
+					jf: '300',
+					pl: '30',
+					title: '探索乡村能源供给新模式 绘就乡村振兴美丽新画卷',
+					type: '三农'
+				}
+			]
+        };
+    }
+    /**
+     * 生命周期函数--监听页面加载
+     */,
+    onLoad(options) {
+    },
+    methods: {
+        goSanNong() {
+            uni.navigateTo({
+                url: '/pages/sannong/sannong'
+            });
+        },
+
+        goDetails() {
+            uni.navigateTo({
+                url: '/pages/cooperative/details'
+            });
+        }
+    }
+};
+</script>
+<style>
+@import './cooperative.css';
+</style>

pages/cooperative/details.vue

@@ -0,0 +1,178 @@
+<template>
+    <!-- pages/fuwu/fuwu.wxml -->
+    <view class="container">
+        <!-- 供销社列表 -->
+        <view class="rnwdList" @tap="goDetails" v-for="(item, index) in list" :key="index">
+            <!--<span class="lb">{{ item.name }}</span>-->
+            <view class="cooperativeImgBox">
+                <image :src="loadImgSrc('/snbj.png')" class="cooperativeImg" @tap="goDetails"></image>
+            </view>
+            <view class="cooperativeBox">
+                <view class="list">
+                    <span class="listTitle">{{ item.name }}</span>
+                    <view class="jlSj">
+                        <span class="jf">
+                            {{ item.address }}
+                        </span>
+                    </view>
+                </view>
+            </view>
+            <em class="iconfont icon-xiangyoujiantou"></em>
+        </view>
+
+
+        <!-- 问答类别 -->
+
+        <!--<ul class="wendaFL">-->
+            <!--<li class="sanNong">-->
+                <!--<image :src="loadImgSrc('/snbj.png')" class="lbBj" @tap="goSanNong"></image>-->
+                <!--<h2>三农</h2>-->
+                <!--<span>1566</span>-->
+            <!--</li>-->
+            <!--<li class="jiuYe">-->
+                <!--<image :src="loadImgSrc('/jybj.png')" class="lbBj"></image>-->
+                <!--<h2>就业</h2>-->
+                <!--<span>1589</span>-->
+            <!--</li>-->
+        <!--</ul>-->
+        <!--<ul class="wendaFL">-->
+            <!--<li class="faLv">-->
+                <!--<image :src="loadImgSrc('/flbj.png')" class="lbBj"></image>-->
+                <!--<h2>法律</h2>-->
+                <!--<span>6589</span>-->
+            <!--</li>-->
+            <!--<li class="jiuZhen">-->
+                <!--<image :src="loadImgSrc('/jzbj.png')" class="lbBj"></image>-->
+                <!--<h2>就诊</h2>-->
+                <!--<span>1566</span>-->
+            <!--</li>-->
+        <!--</ul>-->
+        <!--<ul class="wendaFL">-->
+            <!--<li class="jiuYe">-->
+                <!--<image :src="loadImgSrc('/zkbj.png')" class="lbBj"></image>-->
+                <!--<h2>智库</h2>-->
+                <!--<span>1589</span>-->
+            <!--</li>-->
+            <!--<li class="sanNong">-->
+                <!--<image :src="loadImgSrc('/lybj.png')" class="lbBj"></image>-->
+                <!--<h2>旅游</h2>-->
+                <!--<span>6589</span>-->
+            <!--</li>-->
+        <!--</ul>-->
+        <!-- 问答列表 -->
+        <!--<view class="rnwdList" @tap="goDetails" v-for="(item, index) in wb" :key="index">-->
+            <!--<span class="lb">{{ item.type }}</span>-->
+
+            <!--<view class="list">-->
+                <!--<span class="listTitle">{{ item.title }}</span>-->
+                <!--<view class="jlSj">-->
+                    <!--<span class="jf">-->
+                        <!--{{ item.jf }}-->
+                        <!--<em class="iconfont icon-jifen"></em>-->
+                    <!--</span>-->
+                    <!--<view class="ck">-->
+                        <!--<span>-->
+                            <!--<em class="iconfont icon-pinglun"></em>-->
+                            <!--{{ item.pl }}-->
+                        <!--</span>-->
+                        <!--<span>-->
+                            <!--<em class="iconfont icon-chakan"></em>-->
+                            <!--{{ item.ck }}-->
+                        <!--</span>-->
+                        <!--<span>-->
+                            <!--<em class="iconfont icon-shoucang"></em>-->
+                            <!--{{ item.dz }}-->
+                        <!--</span>-->
+                    <!--</view>-->
+                <!--</view>-->
+            <!--</view>-->
+
+            <!--<em class="iconfont icon-xiangyoujiantou"></em>-->
+        <!--</view>-->
+    </view>
+</template>
+
+<script>
+// pages/fuwu/fuwu.js
+export default {
+    data() {
+        return {
+            list: [
+                {
+                    name:"供销社1",
+                    address:"供销社地址1",
+                    chargePeople:"负责人1",
+                    chargePhone:"13103215236",
+                    imgUrl:"/profile/upload/2024/03/01/nacos_20240301145836A002.png"
+                },
+                {
+                    name:"供销社2",
+                    address:"供销社地址2",
+                    chargePeople:"负责人2",
+                    chargePhone:"09876543210",
+                    imgUrl:"/profile/upload/2024/03/01/nacos_20240301145836A002.png"
+                },
+                {
+                    name:"供销社3",
+                    address:"供销社地址3",
+                    chargePeople:"负责人3",
+                    chargePhone:"12345678910",
+                    imgUrl:"/profile/upload/2024/03/01/nacos_20240301145836A002.png"
+                }
+            ],
+
+
+            wb: [
+				{
+					ck: '10',
+					dz: '120',
+					id: 1,
+					jf: '100',
+					pl: '10',
+					title: '探索乡村能源供给新模式',
+					type: '三农'
+				},
+				{
+					ck: '20',
+					dz: '220',
+					id: 2,
+					jf: '200',
+					ly: '20',
+					title: '探索乡村能源供给新模式 美丽新画卷',
+					type: '三农'
+				},
+				{
+					ck: '30',
+					dz: '30',
+					id: 3,
+					jf: '300',
+					pl: '30',
+					title: '探索乡村能源供给新模式 绘就乡村振兴美丽新画卷',
+					type: '三农'
+				}
+			]
+        };
+    }
+    /**
+     * 生命周期函数--监听页面加载
+     */,
+    onLoad(options) {
+    },
+    methods: {
+        goSanNong() {
+            uni.navigateTo({
+                url: '/pages/sannong/sannong'
+            });
+        },
+
+        goDetails() {
+            uni.navigateTo({
+                url: '/pages/cooperative/details'
+            });
+        }
+    }
+};
+</script>
+<style>
+@import './cooperative.css';
+</style>

pages/index/index.vue

@@ -110,7 +110,7 @@
                         <span>线上问诊</span>
                     </li>
                     <li>
-                        <view class="gxs"><em class="iconfont icon-gongxiaoshelogo"></em></view>
+                        <view class="gxs" @tap="goCooperative"><em class="iconfont icon-gongxiaoshelogo"></em></view>
                         <span>供销社</span>
                     </li>
                     <li>
@@ -343,6 +343,12 @@ export default {
             uni.navigateTo({
                 url: '/pages/wenbaxiangqing/wenbaxiangqing'
             });
+        },
+
+        goCooperative() {
+            uni.navigateTo({
+                url: '/pages/cooperative/cooperative'
+            });
         }
     }
 };