sooka_consult_uniapp/pages/cooperative/cooperative.vue

<template>
    <view class="container">
        <!-- 供销社列表 -->
        <view class="rnwdList" @tap="goDetails" v-for="(item, index) in list" :key="index">
            <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>
    </view>
</template>

<script>
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"
                }
            ],
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {

    },
    methods: {
        goDetails() {
            uni.navigateTo({
                url: '/pages/cooperative/details'
            });
        }
    }
};
</script>
<style>
@import './cooperative.css';
</style>