sooka_consult_uniapp/pages/cooperative/details.vue

<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>