微信小程序----页面结构

最新推荐文章于 2024-03-15 10:21:46 发布
最新推荐文章于 2024-03-15 10:21:46 发布
阅读量482 收藏
点赞数
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rayshaan/article/details/114004771
版权

文章目录

01.页面结构

在这里插入图片描述

  • wxml用来放置页面结构，专用标签 使用的是xml的语法
  • xml的标签有开始有结束否则会报错
  • 不能使用之前html标签
  • wxml使用专用组件(不称为标签，和标签类似)

02.专用组件

  • text用来引入文字 段落文字 标题文字
  • view引入块级内容 替代之前的 div ul
  • image引入图片
  • progress 引入进度条
  • icon 引入图标
  • input 引入输入框

03.资源上传到云开发

在这里插入图片描述
资源请求地址
在这里插入图片描述
在这里插入图片描述

2021.02.23 23:02

11adaacc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《web开发： （微信小程序）结构和组件》
yexiangCSDN的专栏
02-01 222
一、微信小程序结构和组件 小程序的结构与配置 Contents 目  小程序的结构和组件  小程序中的样式  使用全局配置文件app.json  使用页面配置文件page.json  小程序的生命周期 1. 小程序的结构和组件 1.1 小程序项目的结构 ├── pages ······································ 【目录】存放所有的小程序页面 │ │── index ······························...
微信小程序开发手记之一：项目的代码结构
王梵
04-13 5320
编码前的准备工作 登陆微信开发者账号。 如有账号，直接登陆，没有，申请一个即可。输入账号密码登陆时，需要手机扫码确认。 查看文档 登陆后台后，在网页右上角，点击文档，就能进入文档界面，与我们密切相关的就是开发模块 可以看到，在开发模块中又细分了6个子模块。 简易教程 这个子模块中有官方提供的组件+API的演示demo，还可以扫码安装demo小程序，同时，也能从这里下载开发工具。 框架 这里
微信小程序开发--页面结构
weixin_30314813的博客
07-08 846
一、微信小程序开发--页面文件组成 [page.name].js 页面逻辑文件，用于创建页面对象，以及处理页面生命周期控制和数据处理　　 [page.name].wxml wxml指的是Wei Xin Markup Language 用于定义页面元素结构的. 语法遵循XML语法，不是HTML语法 [page.name].js...
微信小程序基本组成结构解释
m0_56662223的博客
10-31 829
微信小程序基本组成结构
微信小程序的目录结构及页面结构的说明
m0_63622279的博客
07-10 2010
微信小程序的宿主环境就是微信App本身，和系统一个道理比如华为的Harmony ,苹果的ios,然后绝大多数手机的Android系统，安卓的应用无法在ios上面运行，反之也是一样，即。tips:.页面中的.wxss文件的样式会覆盖掉app.wxss文件的样式，同样页面中的.json文件也会将全局配置文件app.json文件的window中相同的配置项覆盖掉。微信小程序依赖于微信app,它可以借助微信完成许多普通网页难以做到的功能，比如最常用的微信支付，微信扫码，微信登陆等等以及微信为其提供的诸多api。
微信小程序-今日头条.zip
04-20
1. `.wxml` 文件：这是微信小程序的结构文件，类似于HTML，用于定义页面的结构和组件布局。在这个模板中，你可以看到如何使用微信小程序的内置组件，如`<view>`、`<text>`、`<scroll-view>`等，以及如何组织和嵌套...
微信小程序-美食列表源码
最新发布
04-26
1. **WXML**: 这是微信小程序的结构语言，类似于HTML，用于定义页面的结构和布局。在"美食列表"项目中，WXML文件会包含各种列表项的模板，如食品图片、名称、描述等元素。 2. **WXSS**: 微信小程序的样式语言，与...
微信小程序-微信小程序－微赞论坛
08-06
微信小程序－微赞论坛 说明： 实现微赞论坛部分功能，包括帖子列表，发表帖子和个人信息页。 数据接口: 使用本地数据 目录结构： data — 存放本地模拟数据 images — 存放项目图片相关文件 pages — 存放项目页面...
微信小程序-模仿QQ小程序
05-13
WXML是微信小程序的结构语言，类似于HTML，用于定义页面的结构；WXSS则类似于CSS，负责页面的样式设计；JavaScript则是处理业务逻辑和数据绑定的关键。 在这个项目中，我们看到"仿QQ~知乎微信小程序"，可以推测这是...
微信小程序-漂流瓶1
08-03
微信小程序是一种轻量级的应用开发平台，它允许开发者在微信内构建无需下载安装即可使用的应用。这个“微信小程序-漂流瓶1”的描述可能是某个课程或教程的章节编号，但具体的教学内容并未在描述中体现。然而，我们...
微信小程序开发3——页面结构文件
qq_48043256的博客
09-09 456
微信小程序开发3——页面结构文件 ​ 微信小程序的页面结构通过WXML语言编写，WXML是一门用于框架设计的标记语言，用于渲染界面。WXML中的标签都是微信小程序定义的标签，不可以自定义标签，虽然微信小程序依然能解析一些HTML的标签，但并不是完全支持。 ​ WXML具有以下功能：数据绑定，列表渲染，条件渲染，模板，事件等能力。 一、数据绑定： ​ WXML文件可以同对应的JavaScript文件中的Page方法的参数data中的数据绑定，在页面中可以直接使用data的属性，绑定方法包括： （1）简单绑定
第三章:微信小程序页面布局
qianli1的博客
03-13 1855
行内元素，不必从新一行开始，通常会与前后的其他行内元素显示在同一行中，它们不占有独立的区域，仅靠自身内容支撑结构，一般不可以设置大小，常用于控制页面中文本的样式。（3）absolute——绝对定位，相对于其上一个已经定位的父元素进行定位，绝对定位的盒子标准流中脱离，它对其后的兄弟盒子的定位没有影响。微信小程序的视图层由WXML和WXSS组成，其中，WXSS是基于CSS拓展的样式语言，用于描述WXML的组成样式，决定WXML的组件如何显示。另外，还可以在父元素外添加一个空元素，实现父元素包裹浮动元素。
微信小程序之项目基本结构、页面的基础及宿主环境
浩泽学编程的博客
09-22 1398
微信小程序的项目基本结构、页面的基础及宿主环境以上就是微信小程序的基础入门，偏理论。
微信小程序基本结构
qq_56892136的博客
06-14 323
Pages：用于存放所有小程序界面，每个页面都是一个单独文件夹 utils：用于存放工具性质模块 app.js:整个小程序项目的入口文件 app.json：全局配置文件 app.wxss：全局样式文件 project.config.json：项目的配置文件 不常用 sitemap.json：配置页面被微信搜索到的一些设置 不常用在app.json中修改pages属性，增加新的页面保存后pages文件夹就会生成这个文件在app.json配置tabBar 效果...
微信小程序第三章 页面布局
weixin_75196954的博客
03-15 942
（注：以下代码内容是写在json文件内）
从 0 到 1 开发微信小程序（一）：初步认识微信小程序的结构
字节莫的CSDN博客
04-24 859
这是「从 0 到 1 开发微信小程序」系列的第一篇，我是字节莫。 鉴于是光速入门指南，这里就不涉及微信小程序的运行原理等高深的东西。经过两年的发展，微信小程序的框架已经非常地完善，如果不是一些很底层的需求（如性能优化等），是根本不需要深入到这种程度的。 微信小程序的结构 一个微信小程序是由一个一个的页面（page）组成的，就如同 Windows 程序是由一个一个的窗口组成的一样。开发微信小程序其实...
微信小程序项目组成
weixin_43724230的博客
04-17 1510
微信小程序项目组成 1项目结构 pages：用来存放所有小程序的页面 utils：用来存放工具性质的模块 app.js：小程序项目的入口文件 app.json：小程序项目的全局配置文件 app.wxss：小程序项目的全局样式文件 project.config.json：项目的配置文件 sitemap.json：用来配置小程序及其页面是否允许被微信索引 2小程序页面的组成部分 微信小程序官方建议把小程序的页面都存放在pages目录下，以单独的文件夹存放 每个页面由4个文件组成： .js：页面的脚本文件，存
微信小程序页面结构与全局配置
ldjgood的博客
07-20 791
目录微信小程序的结构项目的文件结构小程序的页面组成微信小程序的全局配置小程序的窗口表现新建小程序页面tabBar标签栏 微信小程序的结构 项目的文件结构     微信小程序的根目录下通常包含 app.js、app.json、app.wxss 这三个必不可少的主体文件，project.config.json项目配置文件，sitemap.json微信索引文件，以及pages文件夹。 app.json：小程序的公共设置，可以对小程序进行全局配置，决定页面文件的路径（pag
小程序详细页面构造介绍
m0_51567383的博客
03-19 600
了解更多前端知识 页面： .js – 对应js文件，页面的行为 .wxml – 对应html文件（不是html 有区别），页面的结构 .wxss – 对应css文件，页面的样式 .json – 页面的配置文件（可以配置一些标题或者颜色之类的…） 项目目录结构： pages – 所有页面 utils – 工具函数 app.js – 入口js文件（等效于main.js） app.json – 全局页面配置文件 app.wxss – 全局样式表 project.config.json – 类似pa
微信小程序开发-计算器案例实现【第5章】
在index.json文件中，设置了页面导航栏的背景颜色为"navigationBarBackgroundColor"，这是微信小程序开发中设计页面外观的重要一环。通过设置导航栏的背景颜色，可以让页面更加美观和符合实际需求。 ## 二、index....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值