当前位置: 首页 > news >正文

实现了一个心理测试的小程序,微信小程序学习使用问题总结

1. 如何在跳转页面中传递参数 ,在 onLoad 方法中通过 options 接收

2. radio 如何获取选中的值? bindchange 方法 参数e,  e.detail.value 。 如果想要获取其他属性,使用data-xx 指定,然后 e.target.dataset.xx 获取。 

3. 不刷新页面的情况下,清除radio选中的值 。 可以借助 checked = {{xx}}实现。 然后设置xx 为 false 即可清除当前选中。 

4. 使用text 标签可以  展示格式的文本 。 

5. 让标签占据一行, 使用样式  display:flex, 如果有多个, 最后一个用flex:1 占满剩余的。 

6. 如何获取多个 radio 框的值(不是表单)。可以借助bindchange 方法 加 e.target.dataset.xx, xx 类似js的name属性,然后e.detail.value 相当于js的 value。

7. 使用setData 才会双向绑定 标签中的元素。

8. 如何是图片不要超出容器, 直接指定容器width ,height, 然后image 指定width height 100%.

9.  设置屏幕背景图

page {background-color: #EBEBEB; width:100%;height:100%;
}

这时候设置background-imge 才会有用,否则只是页面中 内容的背景,不是全屏

  <view style="height:100%; background-image: url(../../images/bg.jpg);background-size: cover;background-position: center;background-attachment: fixed;">

10. 内容屏幕居中

display: flex;flex-direction: column;justify-content: center; height: 100%;

11. 一样的开发环境,一样测试号,换台电脑,open-type=getuserinfo 就不能用了,有个警告,齐了个怪。网上说是高版本不在支持,要使用 getuserprofile,的确能解决。但是我的电脑就是能用getUserinfo。 奇怪了。 

http://www.lryc.cn/news/402560.html

相关文章:

  • vue是如何进行监听数据变化的?vue2和vue3分别是什么?vue3为什么要更换?
  • 数据结构day3
  • 免费的数字孪生平台助力产业创新,让新质生产力概念有据可依
  • mtsys2 编译 qemu 记录
  • 【Python数据分析】数据分析三剑客:NumPy、SciPy、Matplotlib中常用操作汇总
  • STM32智能家居电力管理系统教程
  • C# 邮件发送
  • Kotlin 协程简化回调
  • 帝王蝶算法(EBOA)及Python和MATLAB实现
  • 【学术会议征稿】第六届信息与计算机前沿技术国际学术会议(ICFTIC 2024)
  • PHP MySQL 读取数据
  • 点亮 LED-I.MX6U嵌入式Linux C应用编程学习笔记基于正点原子阿尔法开发板
  • 从0到1搭建数据中台(4):neo4j初识及安装使用
  • 【20】读感 - 架构整洁之道(二)
  • js vue axios post 数组请求参数获取转换, 后端go参数解析(gin框架)全流程示例
  • 揭秘郭采洁浪漫升级
  • 数据结构(Java):力扣牛客 二叉树面试OJ题(一)
  • 在国产芯片上实现YOLOv5/v8图像AI识别-【1.3】YOLOv5的介绍及使用(训练、导出)更多内容见视频
  • 逻辑门的题目怎么做?
  • CentOS 7报错:yum命令报错 “ Cannot find a valid baseurl for repo: base/7/x86_6 ”
  • 51单片机STC89C52RC——18.1 HC-SR04超声波测距
  • WordPress与 wp-cron.php
  • bb-------
  • 数据挖掘与分析部分实验与实训项目报告
  • Python中使用SpeechLib实现文本转换语音朗读的示例(修正bug)
  • 政安晨【零基础玩转各类开源AI项目】基于Ubuntu系统部署Hallo :针对肖像图像动画的分层音频驱动视觉合成
  • Spring Boot1(概要 入门 Spring Boot 核心配置 YAML JSR303数据校验 )
  • 电脑屏幕录制怎么弄?分享3个简单的电脑录屏方法
  • idea双击没有反应,打不开
  • 关于UniApp使用的个人笔记