小程序+动易SF制作随手拍实例全景式操作(3)
问题类型选取页
wxml:
<view class="wrap">
<view class="hd">问题类型</view>
<block wx:for="{{typelist}}" wx:key="{{index}}" bindtap='gettype'>
<view class="item" data-id="{{index}}" bindtap='gettype'>{{item}}</view>
</block>
</view>
wxss:
.wrap{padding:20rpx 40rpx;
}
.hd{height:40px;line-height:40px;text-align: center;color: #000;font-size: 22px;border-bottom: 2px solid #2fb7f7;color:#2fb7f7;margin-bottom:10px;
}
.item{height:auto;line-height: 18px;border-bottom: 1px dashed #ccc;padding:10px 0;
}
js:
Page({data: {typelist: ["举报违规建坟、违规土葬等行为", "举报违章建筑、占道经营等行为", "举报侵占林地、山地、农田等违法行为", "举报不文明(乱倒垃圾、污染水源、脏乱差等)行为","其他"]},gettype: function (event){var that=thisvar id = event.currentTarget.dataset.id; //使用event.currentTarget.dataset.XX获取内容var pages = getCurrentPages();var Page = pages[pages.length - 1];//当前页var prevPage = pages[pages.length - 2]; //上一个页面prevPage.setData({wt_type:that.data.typelist[id]})wx.navigateBack({delta: 1})},
小程序+动易SF制作随手拍实例全景式操作(3)相关推荐
- 小程序+动易SF制作随手拍实例全景式操作(1)
小程序效果 首页相关代码: wxml: <view class="wrap"><view class="btns"> <butto ...
- 小程序+动易SF制作随手拍实例全景式操作(2)
填报提交页相关代码 wxml: <view class="hd">公益诉讼随手拍</view><view class="wrap" ...
- 碉堡的小程序:用 Python 制作演示迷宫算法的 gif 动画
微信改版,加星标不迷路! 碉堡的小程序:用 Python 制作演示迷宫算法的 gif 动画 作者:neozhaoliang 本文要介绍的是我写的一个有趣的小程序,一个脱离了低级趣味的程序,一个有益于广 ...
- 在小程序中实现海报制作
wx.canvasToTempFilePath(object, component) 通过这个方法把画布的指定区域的内容导出生成指定大小的图片,并返回一个文件路径. 这里容易出现的问题就是生成的 ...
- 微信小程序:意见反馈制作(1)(可加图片)
微信小程序:意见反馈制作(可加图片) 不同类型的微信小程序可能需要不同的意见反馈样式,仅以我做的为例,具体样式可自行修改 1.小程序自带意见反馈(非常简单) <button open-type= ...
- 小程序(倒计时的制作)
小程序(倒计时的制作) 微信小程序如火如荼,今天我借教程做一篇倒计时效果的小程序页面. 这样的效果是怎样实现的呢 按以下步骤操作 wxml文件放个text: <view><text& ...
- 微信点餐小程序怎么做?微信小程序点餐系统制作
顾客不用排队等待,打开微信扫一扫二维码,就能通过微信点餐支付,对于大部分餐厅来说,都已经成为常见的现象,小程序彻底融入了我们的生活,小程序也已经成为餐饮行业必备的工具.通过餐饮小程序,不仅可以让用户获 ...
- 微信小程序商城怎么在线制作
今天珍奶bb给大家简单唠唠微信小程序商城怎么在线制作的流程? 在唠微信小程序商城制作流程前,先给大家科普一下当前的实体经济环境是如何的?制作一个微信小程序商城是否存在它的必要性.不用看具体数据,就直接 ...
- 微信小程序:爱情保证书制作生成
这是一款开启保证数生成制作的一款小程序 支持一键生成情侣爱情保证图 只需输入 你和另一半姓名,再加上时间即可一键生成 然后长按就可以保存了 安装方法: 使用微信开发者工具打开源码 然后提交上传审核就可 ...
最新文章
- 认真点,带你全面了解xutils3
- 2.7 usb摄像头之usb摄像头描述符打印
- 【毕业求职季】-听说你想去大厂看学妹,教你京东软件产品经理面试如何一把过
- ./sqlplusSP2-0667: Message file sp1lang.msb not found。SP2-0750: You may need to set ORACLE_HOME t
- c# 分类 机器学习_C#也能做机器学习?基于.NET的AI智能应用市场还是一片“处女地”...
- 有关软件测试的证书,软件测试证书有用吗
- php5.3+for+linux,Centos 安装 nginx + php5.3
- 计组之数据运算:1、数据的表示
- [ZJOI2008]泡泡堂
- css中aspect,css 媒体查询 aspect-ratio less 使用方法
- 安装brew_MacBook Pro安装Homebrew慢的问题解决方案
- 寻找圣杯 In Search of the Holy Grail
- 大白话5分钟带你走进人工智能-第二节概率基础及高斯分布
- undefined: resolver.BuildOption
- Netty5+Jboss(Marshalling)完成对象序列化传输
- r语言 转录本结构及丰度_生信人的R语言视频教程语法篇第三章:数行天下(4)R中的数据——从结构角度划分(数组)...
- Polar SI9000-PCB阻抗计算
- PT工具之Docker全家桶+HTTPS详细配置教程
- 开学季Web渗透测试工程师精英班“第5期”来袭,加入即永久观看!
- Java、JSP小额支付管理平台