微信小程序+前后端开发学习材料

目录结构

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

全局文件

1.app.json 文件

用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。文件内容为一个 JSON 对象。
1.1 page用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对应位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
在这里插入图片描述
生成:在page下右键新建文件夹,在新建文件夹内新建page文件,此时系统将自动在app.json中生成新配置路径。
删除:在page下删除选中的文件夹后,需要手动在app.json中也删除对应的路径。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这里注意,新建的文件夹和里面的配置文件的命名最好一致。每一个路径后都有逗号,最后一个没有逗号。
1.2 window用于设置小程序的状态栏、导航条、标题、窗口背景色。
在这里插入图片描述
1.3 tabBar如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
其中position设置为top时,即使设置iconPath和selectedIconPath也不会显示。

2.app.wxss 文件

app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 仅对当前页面生效。
方法1全局引入,新建common文件夹在内设置common.wxss(在page外部,与app同根)。在common.wxss里设置标签,在app.wxss直接利用@import “”引用。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
方法2:全局,直接在app.wxss中加入,注意加分号;
在这里插入图片描述
方法3:局部,在子page的wxml中新建标签,命名box。
在这里插入图片描述
在子page中的wxss中引入box设置属性。
在这里插入图片描述

组件

1.view

view视图容器
例:
在这里插入图片描述
在wxss中设置样式
在这里插入图片描述

2.text

文本,内联文本只能用 text 组件,不能用 view。
在这里插入图片描述
同样,在wxss中配置样式。
在这里插入图片描述

3.swiper

滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为。
在这里插入图片描述
显示面板指示点indicator-dots
在这里插入图片描述
在这里插入图片描述

持续更新,未完待续!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/323099.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

B端产品经理学习-对用户进行需求挖掘

目录: 用户需求挖掘的方法 举例:汽车销售系统的用户访谈-前期准备 用户调研提纲 预约用户做访谈 用户访谈注意点 我们对于干系人做完调研之后需要对用户进行调研;在C端产品常见的用户调研方式外,对B端产品仍然适用的 用户需…

5600U PVE安装WIN10后直通核显

修改PVE系统配置 请先安装相同版本的PVE系统,其他版本如果存在问题请自行查找。 安装过程比较简单,具体方法请自行百度 1. 修改grub启动参数: 修改文件 /etc/default/grub 中 GRUB_CMDLINE_LINUX_DEFAULT 配置: GRUB_CMDLINE_LI…

图解设计模式-中介者模式(Mediator)

中介者模式 定义 使用一个中介者对象(mediator)集中封装多个具有依赖/关联关系的对象(colleague,同事对象)之间的交互,使各对象之间不再互相引用,降低对象之间的强耦合程度,对象之…

YOLOv5独家原创改进:新颖的Shape IoU结合 Inner-IoU,基于辅助边框的IoU损失的同时关注边界框本身的形状和尺度,小目标实现高效涨点

💡💡💡本文改进:一种新的Shape IoU方法结合 Inner-IoU,基于辅助边框的IoU损失的同时,更加关注边界框本身的形状和尺度来计算损失 💡💡💡对小目标检测涨点明显,在VisDrone2019、PASCAL VOC均有涨点 收录 YOLOv5原创自研 https://blog.csdn.net/m0_63774211/ca…

Java接口和抽象类的区别?

Java接口和抽象类的区别? Java接口和抽象类的含义: 接口(Interface): 含义: 接口是一种抽象类型,它定义了一组抽象方法,但不能包含具体实现。接口可以包含常量和默认方法&#xff0c…

关于Python里xlwings库对Excel表格的操作(二十八)

这篇小笔记主要记录如何【如何使用“Chart类”和“Api类"为新图表设置标题文本内容、字体、字号、粗细、正斜、颜色】。 前面的小笔记已整理成目录,可点链接去目录寻找所需更方便。【目录部分内容如下】【点击此处可进入目录】 (1)如何…

Transformer从菜鸟到新手(三)

引言 这是Transformer的第三篇文章,上篇文章中我们了解了多头注意力和位置编码,本文我们继续了解Transformer中剩下的其他组件。 层归一化 层归一化想要解决一个问题,这个问题在Batch Normalization的论文中有详细的描述,即深层…

设计一个LLMops的端到端业务流程需要哪些存储技术

周五晚上老哥们儿hengzi给我打电话说有没有大模型相关的存储相关的设计,答:没有现成的,后来我甩过去一个TP,PP,DDP的文档。仔细想想也对,也不对。对的是,确实是存储,但是只有显存里的存储,不对的是其实他想问的是端到端的,主要还是磁盘上的存储 然后我翻内网也没什么现…

mybatis-flex与springBoot整合

mybatis-flex基本使用 1.测试sql2.导入坐标3.框架搭建1.pojo层2.mapper层3.service层4.controller层5.启动类6.配置类7.EmpMapper.xml 4.启动测试 本片文章在springBoot3,jdk21下测试通过 注意官方网站为:https://mybatis-flex.com/ 请点击:直…

C# xml序列化和反序列化

问题 有的项目使用webservice返回结果是xml,需要进行xml序列化和反序列化 xml序列化相关特性 C#中,XML序列化相关的特性主要包括: XmlIgnore:这个特性可以用来指示序列化过程忽略一个属性或一个字段。当使用XmlIgnore特性时&a…

C++日期类的实现

前言:在类和对象比较熟悉的情况下,我们我们就可以开始制作日期表了,实现日期类所包含的知识点有构造函数,析构函数,函数重载,拷贝构造函数,运算符重载,const成员函数 1.日期类的加减…

【数据结构】——期末复习题库(6)

🎃个人专栏: 🐬 算法设计与分析:算法设计与分析_IT闫的博客-CSDN博客 🐳Java基础:Java基础_IT闫的博客-CSDN博客 🐋c语言:c语言_IT闫的博客-CSDN博客 🐟MySQL&#xff1a…