nsgk_mobile/src/views/onlineHome/home.vue

<template>
    <div class="app-container">
      <van-nav-bar
        title="家园"
      >
        <template #right>
          <van-icon name="wap-nav" color="#000" size="18"/>
        </template>
      </van-nav-bar>
      <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
        <van-cell title="村画像" is-link>
          <template #icon>
            <van-image
              fit="contain"
              height="22"
              style="margin-right: 15px"
              src="../../../static/images/onlineHome/home1.png"
            />
          </template>
        </van-cell>
        <van-cell title="村民信息" is-link >
          <template #icon>
            <van-image
              fit="contain"
              height="22"
              style="margin-right: 15px"
              src="../../../static/images/onlineHome/myIcon1.png"
            />
          </template>
        </van-cell>
      </van-cell-group>
      <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
        <van-cell title="宅基地一张图" is-link>
          <template #icon>
            <van-image
              fit="contain"
              height="22"
              style="margin-right: 15px"
              src="../../../static/images/onlineHome/home2.png"
            />
          </template>
        </van-cell>
        <van-cell title="确权一张图" is-link >
          <template #icon>
            <van-image
              fit="contain"
              height="22"
              style="margin-right: 15px"
              src="../../../static/images/onlineHome/home3.png"
            />
          </template>
        </van-cell>
      </van-cell-group>
      <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
        <van-cell title="投票" is-link to="homePoll">
          <template #icon>
            <van-image
              fit="contain"
              height="22"
              style="margin-right: 15px"
              src="../../../static/images/onlineHome/home4.png"
            />
          </template>
        </van-cell>
        <van-cell title="三务公开" is-link to="threeAffairs">
          <template #icon>
            <van-image
              fit="contain"
              height="22"
              style="margin-right: 15px"
              src="../../../static/images/onlineHome/home5.png"
            />
          </template>
        </van-cell>
        <van-collapse v-model="activeName" :border="false">
          <van-collapse-item title="村规民约" name="1" accordion id="rules">
            <template #icon>
              <van-image
                fit="contain"
                height="22"
                width="22"
                style="margin-right: 22px;margin-left:10px;"
                src="../../../static/images/onlineHome/home6.png"
              />
            </template>
            <template #default>
              <van-cell-group :border="false">
                <van-cell title="政策法规" is-link to="zcfg"/>
                <van-cell title="惠农政策" is-link to="hnzc"/>
                <van-cell title="工作动态" is-link to="gzdt"/>
                <van-cell title="制度建设" is-link to="zdjs"/>
              </van-cell-group>
            </template>
          </van-collapse-item>
        </van-collapse>
      </van-cell-group>

      <onlineHomeIndex></onlineHomeIndex>
    </div>
</template>

<script>
  import onlineHomeIndex from "../onlineHomeIndex";
    export default {
      components: {
        onlineHomeIndex
      },
        name: "home",
      data() {
        return {
          activeName: [],
        };
      },
    }
</script>

<style scoped>
>>>  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  }
>>> #rules .van-collapse-item__content{
padding-top: 0;
  padding-bottom: 0;
}
</style>