weixin_63215361的博客

📌 简介：< text > 是文本组件，用于显示文字内容。与 HTML 的 span 类似，是内联元素。✅ 效果：用户可以在真机上选中文本并复制。使用场景：1. 显示需要复制的内容（如邀请码、链接）2. 提高用户体验✅ 效果：会显示为“hello world”（多个空格正常显示）不同 space 值的区别：使用场景：✅ 效果：显示为 < b>加粗文本< /b>（但不是真的加粗，只是显示了标签）⚠️ 注意：decode 只是将 HTML 实体转义成字符，并不会真正解析 HTML 内容。使用场

一、< view> 标签📌 简介：< view> 是页面结构中的基础容器标签，类似于 HTML 中的 div，用于布局和包裹其他组件。

关于底部导航栏tabBar的相关内容：https://uniapp.dcloud.net.cn/collocation/pages.html#tabbar。不管是什么资源，都是以模块区分的，是tabber下的静态资源就放入static / tabber里。这里有多少个tabber就有多少个页面，4个tabber对应4个页面。将下载好要使用的图标放在项目的静态文件目录下即“static”底部导航栏，有2种样式，一个是选中的样式，一个是未选中的样式。这些图标可以来自图标库下载，下载前也可以设置图标大小。

创建一个项目的目录结构：第一步：打开项目文件的pages.json文件，

hover-class是微信小程序中用于定义组件在点击或悬停时的样式类名的属性。：去CSS动画库官网下载动画样式“animate.css”，然后将animate.css文件放到项目common目录下，最后在App.vue中使用@import 引入动画库。当用户点击或触碰组件时，微信小程序会自动为该组件添加由 hover-class 指定的样式类。在用户松开手指或离开组件时，样式类会被移除。hover-class 主要适用于 < view>、< button>、< image> 等可交互的组件。

把iconfont.css文件内容全选出来，在common目录下建一个新的文件夹，名称叫 icon.css,然后将全选的iconfont.css文件内容粘贴到 icon.css文件里，第二步：添加好了所需图标后在右上角的购物车中查看，已入库的图标，然后在所选图标添加项目，然后再将你添加的项目下载到本地，然后就会得到一个一下载好的图标压缩文件。第一步：打开阿里巴巴矢量图标库：https://www.iconfont.cn/，并登录自己的账号，第五步：使用图标，打开我们本地解压好的图标文件，

将官方提供的UI库导入自己的项目中，若自己的项目里没有common目录，那就建一个common目录，并把官方提供的UI库粘贴进来。第四步：将UI库用@import引入App.vue中的样式中，用于适用于整个项目。：新建项目，选择官方提供的演示的项目，同时这个官方提供的新建项目也。打开官方提供的演示的项目文件中的common文件夹，这里面的。，我们复制这个UI库到我们自己的项目中。