web 小程序 ch4 小程序组件

最新推荐文章于 2022-10-20 08:38:09 发布
最新推荐文章于 2022-10-20 08:38:09 发布
阅读量116 收藏
点赞数
分类专栏： web公选课
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44382711/article/details/107192487
版权

文章目录

考试：

在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

小程序组件

在这里插入图片描述

组件介绍

在这里插入图片描述

语法格式

在这里插入图片描述

id等属性

在这里插入图片描述

组件分类

在这里插入图片描述

视图容器

在这里插入图片描述

分类

在这里插入图片描述

view基础视图

在这里插入图片描述

在这里插入图片描述

滚动视图 scroll-view

在这里插入图片描述

在这里插入图片描述

滑块swiper-view

在这里插入图片描述

需配合swiper-item，且中间可直接放置的只有swiper-item

在这里插入图片描述

在这里插入图片描述

可移动movable-view

在这里插入图片描述

在这里插入图片描述

可覆盖cover-view

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

基础内容

在这里插入图片描述

分类

在这里插入图片描述

icon 图标

在这里插入图片描述

给定的图标

在这里插入图片描述

在这里插入图片描述

用block与属性绑定的例子

在这里插入图片描述

在这里插入图片描述

文本text

在这里插入图片描述

在这里插入图片描述

space属性值，及注意事项

在这里插入图片描述

在这里插入图片描述

富文本rich-text

在这里插入图片描述

可以用html代码

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

进度条 progress

在这里插入图片描述

举例

在这里插入图片描述

在这里插入图片描述

表单组件

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

button

常用属性

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

checkbox 多选框：与checkbox-group配合

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

input 输入框

在这里插入图片描述

还有type决定键盘

在这里插入图片描述

右下角也能控制

在这里插入图片描述

在这里插入图片描述

label 标签

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

表单form：表单组件，包着其他

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

picker滚动选择器：单列，多列，时间，日期，地址，，，，，，

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

嵌入滚动选择器picker-view

在这里插入图片描述

配合picker-view-column使用

在这里插入图片描述

在这里插入图片描述

单选框 radio

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

滑动选择 slider

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

开关选择 switch

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

多行文本框textarea

在这里插入图片描述

导航组件

在这里插入图片描述

navigator

在这里插入图片描述

在这里插入图片描述

样例

在这里插入图片描述

需传数据时

在这里插入图片描述
在这里插入图片描述

onload取参数

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

新川宝宝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于STM32设计的智能门锁(微信小程序+手机APP等多种方式开锁)(188)
07-17 3609
当前智能门锁项目是基于STM32微控制器、ESP8266-WIFI模块、OLED显示屏、指纹模块、蓝牙模块、门禁刷卡模块、烟雾检测模块、火光检测模块、温湿度检测模块等硬件设备开发的一种智能门锁系统
独家！支付宝小程序技术架构全解析
cpongo55
02-19 141
\u003cp\u003e在轻应用混战的当下，小程序已经成为巨头们角逐的焦点，阿里自然也不甘落后。据阿里官方的数据，截止到今年1月28日为止，支付宝小程序应用数已经达到12万，总用户数突破5亿，日活跃用户数突破2.3亿，用户通过支付宝首页下拉入口进入小程序的日人均打开次数为4次，支付宝小程序也因此被称为“蚂蚁金服未来三年最重要的战略之一”。\u003c/p\u003e\n\u003cp\u003e...
小白的《CSS权威指南》笔记（下部分）
canxuezhang的博客
10-20 318
颜色和背景
BigData CH4 MapReduce
https://github.com/Tcoder-l3est
04-27 241
CH4 MapReduce 并行编程框架 并行计算 划分子任务、计算、合并结果 构抽象模型Map与Reduce Map 对一组数据元素进行某种重复式的处理 map: (k1; v1)→\rightarrow→ [(k2; v2)] 输入：键值对(k1; v1)表示的数据 处理：文档数据记录(如文本文件中的行，或数据表格中的行)将以“键值对”形式传入map函数；map函数将处理这些键值对，并以另一种键值对形式输出处理的一组键值对中间结果[(k2; v2)] 输出：键值对[(k2; v2)]表示的一组中间数据
JavaWeb程序设计基础（JavaBean篇）
申小兮和林小兮的博客宝
10-20 1427
JavaBean的基础认识、规范、应用、作用域（page、request、session、application）
微信小程序教学第四章第三节（含视频）：小程序中级实战教程：详情-功能完善
iKcamp的专栏
11-03 260
详情 - 功能完善 本文配套视频地址： https://v.qq.com/x/page/f0555nfdi14.html 开始前请把 ch4-3 分支中的 code/ 目录导入微信开发工具 这一节中，我们把详情的其他功能完善起来：下一篇、 分享、 返回列表。 Step 1. 增加 下一篇 功能增加 下一篇 的功能，我们需要在视图中绑定一个事件，来触发代码中的响应函数，此函数会调
微信小程序教学第四章第二节（含视频）：小程序中级实战教程：详情-视图渲染
iKcamp的专栏
11-01 511
§ 详情 - 数据渲染 本文配套视频地址： https://v.qq.com/x/page/x055550lrvd.html 开始前请把 ch4-2 分支中的 code/ 目录导入微信开发工具 这一节中，我们开始详情的接口调用、数据加载和视图渲染过程。 Step 1. 引入公用的一些工具库，修改 detail.js：'use strict';import util from
微信小程序教学第四章第一节（含视频）：小程序中级实战教程：详情-页面制作
iKcamp的专栏
10-31 372
详情 - 页面制作 本文配套视频地址： https://v.qq.com/x/page/o0555o20xjd.html 开始前请把 ch4-1 分支中的 code/ 目录导入微信开发工具 这一章节中，主要介绍详情页的页面制作过程 首先看一下我们最终要展示的页面 页面结构大体分为三部分，也是最常见的布局方式：头部、中间体、尾部。最顶部的是页面 title，也就是标题，如果是一
微信小程序教学第四章第三节（含视频）：小程序中级实战教程：详情-功能完善...
weixin_34419321的博客
11-03 195
详情 - 功能完善 本文配套视频地址：https://v.qq.com/x/page/f0555... 开始前请把 ch4-3 分支中的 code/ 目录导入微信开发工具 这一节中，我们把详情的其他功能完善起来：下一篇、 分享、 返回列表。 Step 1. 增加 下一篇 功能 增加 下一篇 的功能，我们需要在视图中绑定一个事件，来触...
web程序设计课件CH4-ASP内置对象.ppt
09-18
web程序设计课件CH4-ASP内置对
ch4.rar_android_android小应用_ch4apk
09-19
在本资源"ch4.rar"中，我们找到了一个名为"android_android小应用_ch4apk"的项目，这显然是一个针对Android平台的小型应用程序。这个应用的核心功能是实现基础的数学运算，包括加、减、乘、除，为初学者提供了一个很...
web程序设计课件CH4ASP内置对象.ppt
09-28
这篇课件主要讲解了ASP的内置对象，特别是`Response`、`Request`、`Application`和`Session`对象，以及它们在Web程序设计中的应用。 首先，让我们来看看一个简单的ASP程序示例，它展示了如何显示当前日期。这个例子...
CH4_c常用算法程序集－徐士良著_
10-02
《CH4_c常用算法程序集－徐士良著》是一本专注于C语言编程中的常见算法实现的书籍。作者徐士良以其丰富的编程经验，为读者提供了深入浅出的算法解析和实例代码，帮助读者理解和掌握算法的核心思想。本书的重点在于...
ch4.zip_web登录_web登录页面
09-24
"myweb"文件可能是整个Web应用程序的目录结构，其中可能包含了数据库连接配置、用户管理类、以及其他支持登录功能的组件。例如，数据库连接可能使用JDBC（Java Database Connectivity）来实现，这包括加载驱动、建立...
智能锁（远程开锁、指纹开锁、密码开锁、刷卡开锁）
07-19
按键功能：输入密码，并能根据密码来决定开门还是进入管理员模式 密码功能：能够更换开门密码/管理员密码，且具有掉电不丢失功能 刷卡功能：能够判断卡片是否登记；刷卡开门；删除/登记开门卡片 指纹功能：指纹开门；删除/登记指纹 语音功能：播放不同功能的语言提示 门铃功能：机械开关控制门铃响 阿里云服务器接入：连接阿里云服务器，可以上报设备信息，也可以通过服务器端无线控制，如修改密码、恢复出厂设置、调节音量大小、远程开门等
基于Arduino的循迹小车项目设计与代码
最新发布
07-19
一. 硬件需求： Arduino Uno 或 Nano L298N 电机驱动模块 直流电机与车轮 红外循迹传感器模块 电源（如电池组） 小车底盘 二. 硬件连接： 1.电机驱动连接： 将电机1的两根线连接到L298N的OUT1和OUT2。 将电机2的两根线连接到L298N的OUT3和OUT4。 将L298N的IN1、IN2、IN3和IN4分别连接到Arduino的数字引脚（如：IN1 -> D8, IN2 -> D9, IN3 -> D10, IN4 -> D11）。 将L298N的ENA和ENB分别连接到Arduino的数字引脚（如：ENA -> D5, ENB -> D6，作为PWM控制）。 2.红外循迹传感器连接： 将传感器模块的VCC和GND连接到Arduino的5V和GND。 将传感器模块的输出引脚分别连接到Arduino的模拟或数字引脚（如：传感器1的OUT -> A0，传感器2的OUT -> A1）。
【故障诊断】基于矮猫鼬优化算法DMOA优化长短记忆网络LSTM实现故障诊断附matlab代码.rar
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【故障诊断】基于金枪鱼优化算法TSO优化长短记忆网络LSTM实现故障诊断附matlab代码.rar
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
"05ch4S71200PLC的用户程序结构与故障诊断简介
在《05ch4S71200PLC的用户程序结构与故障诊断》中，介绍了S71200PLC的用户程序结构和故障诊断方面的知识。本文提到了模块化编程的概念，将复杂的自动化任务划分为较小的子任务，每个子任务对应一个称为“块”的子...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值