nsgk_mobile/src/views/onlineHome/homePoll.vue

<template>
  <div class="app-container">
    <van-nav-bar
      title="投票"
      left-arrow
      @click-left="$router.back(-1)"
    >
      <template #right>
        <van-image src=""></van-image>
      </template>
    </van-nav-bar>
    <van-row style="margin-top: 20px">
      <van-col span="20" offset="2">
        <H3 style="line-height: 20px;">活动主题活动主题活动主题活动主题</H3>
      </van-col>
    </van-row>
    <van-row style="margin-top: 10px">
      <van-col span="20" offset="2">
          <h4 style="color: #878787;line-height: 20px;">活动描述活动描述活动描述</h4>
      </van-col>
    </van-row>

    <van-row style="margin-top: 10px">
      <van-col span="9" offset="2">
        <van-image
          width="12"
          height="12"
          style="display: inline-block;"
          src="../../../static/images/onlineHome/vote1.png"
        />
        <p style="display: inline-block;color:#1D6FE9 ">实名</p>
        <van-image
          width="12"
          height="12"
          style="display: inline-block;"
          src="../../../static/images/onlineHome/vote1.png"
        />
        <p style="display: inline-block;color:#1D6FE9 ">单选</p>
        <van-image
          width="12"
          height="12"
          style="display: inline-block;"
          src="../../../static/images/onlineHome/vote1.png"
        />
        <p style="display: inline-block;color:#1D6FE9 ">多选</p>
      </van-col>
      <van-col span="8" offset="5">
        <van-image
          width="12"
          height="12"
          style="display: inline-block;"
          src="../../../static/images/onlineHome/vote.png"
        />
        <p style="display: inline-block">3人已参与</p>
      </van-col>
    </van-row>
    <van-checkbox-group v-model="result"  style="margin-top: 20px">
      <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
        <van-cell title="选项1">
          <template #icon>
            <van-image
              fit="contain"
              height="18"
              style="margin-right: 10px"
              src="../../../static/images/onlineHome/home3.png"
            />
          </template>
          <van-checkbox name="a" style="float: right"/>
        </van-cell>
        <van-row>
          <van-col span="15" :offset="2" style="    margin-top: 7px;">
            <van-progress :percentage="87" :show-pivot="false"/>
          </van-col>
          <van-col span="5" :offset="2">
            57票 87%
          </van-col>
        </van-row>
      </van-cell-group>
    </van-checkbox-group>
    <onlineHomeIndex></onlineHomeIndex>
  </div>
</template>

<script>
    import onlineHomeIndex from "../onlineHomeIndex";

    export default {
      components: {
        onlineHomeIndex
      },
        name: "homePoll",
      data() {
        return {
          activeName: 'a',
          list: [],
          loading: false,
          finished: false,
          result:[],
        };
      },
    }
</script>

<style scoped>
  >>>.van-cell::after {
     border-bottom: none;
  }
</style>