零基础云开发一个投票小程序 | 我的投票列表页

最新推荐文章于 2024-05-14 11:11:51 发布

医学猿MIT

最新推荐文章于 2024-05-14 11:11:51 发布

阅读量924

点赞数 1

分类专栏：微信小程序云开发文章标签：小程序弹窗菜单列表

本文链接：https://blog.csdn.net/weixin_43963020/article/details/102940558

版权

本文介绍如何从零开始使用云开发构建一个微信小程序的投票列表页。内容包括展示用户所有投票的页面设计，以及创建按钮触发的弹窗菜单，用户可以选择创建普通投票或图文投票，并跳转至新建页面。

摘要由CSDN通过智能技术生成

投票列表页pages/index/index,展示我的所有投票

效果图

效果图1
效果图2
index.wxml

<!--首页-->
<!--根据openid获取我创建的投票列表-->
<!--需要一个发布投票的按钮-->

<block wx:for="{
  {lists}}" wx:key="{
  {index}}">
  <view class="item">
    <view class="item-card">
      <view class="fl">
        <view class="title"> {
  {item.title}}</view>
        <view class="state {
  {item.state?'true':'false'}}"><text >{
  {item.state?'已发布':'未发布'}}</text></view>
      </view>
      <view class="fr">
      <image src="../../images/zongshu.png"class="renshu"></image>
      <view class="frr">
      <view class="num">{
  {item.num}}</view>
      <view class="tnum">参与人数</view>
      </view>
      </view>
    </view>
  </view>
</block>

<view>
<view bindtap="newfound" data-type="si