微信小程序样式引入（微信小程序ss样式表）

摘要： 本文目录一览：1、微信小程序怎么给for循环的view添加样式?2、...

本文目录一览：

• 1、微信小程序怎么给for循环的view添加样式?
• 2、微信小程序的rich-text(富文本)添加样式
• 3、小米手机怎样把微信上的小程序添加到桌面?

微信小程序怎么给for循环的view添加样式?

展开全部 上一章即微信小程序之view的flex布局(1)里，我们学习了flex容器的属性，总结一下它里面包括 (1)flex-direction 设置容器内子元素即flex-item的排列方向。 (2)flex-warp 设置容器内子元素是否换行。

可以通过以下步骤进行设置：在微信开发者工具中，找到要查询记录的页面，打开对应的.js和.wxml文件。在.wxml文件中，找到要显示查询结果的容器，比如一个列表（list）。在该容器中，使用wx：for或wx：for-item等微信小程序的数据绑定指令，将查询结果绑定到列表上。

我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。

微信小程序的rich-text(富文本)添加样式

1、它的样式来自rich-text标签或者其父元素的样式，（当两者都有时候，rich-text的优先级更高）它的样式来自style的样式，这时候 rich-text标签或者其父元素的样式无效，此时若想要改变样式，需要用正则表达式为其添加样式。

2、直接在css中加max-width：100%；height：auto； 。

3、不满足的标签会被忽略，会被转行为储存。 这也是为什么在做富文本解析时，仅仅用rich-text组件无法有效还原html内容，在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签。因此最好方式是引入市场封装好的富文本解析插件去解析html。

4、我们需要借助微信开发者工具进行操作，所以在电脑上打开。 进入主页面后，点击左侧的项目文件目录下的wxml文件。 如图，在打开的wxml文件右侧页面，选择新建一个text标签。 并在标签中输入一些文字内容。 可以给text标签添加一个selectable属性，代表的是是否允许选中文本。

5、这个标题，正常来讲，直接用text组件显示即可。但需求一变之后，就要跟随在文字末尾，而且样式还不一样。

小米手机怎样把微信上的小程序添加到桌面?

我们首先打开手机上的【微信】。我们打开微信后，在【发现】页面点击【小程序】。 随便选择一个小程序，我选的是【星驿生活】进入。 找到右上角的【小点点】并且点击。 随后点击【添加到桌面】即可。 这样就已经添加至【桌面】了。

首先第一步根据下图箭头所指 ，找到并点击【微信】图标。 第二步打开软件后，根据下图箭头所指 ，点击底部【发现】选项。 第三步在【发现】页面中，根据下图箭头所指 ，点击【小程序】选项。 第四步进入【小程序】页面后，根据下图箭头所指 ，找到并点击相关小程序。

具体如下： 首先，我们在手机中打开微信，进入主界面之后我们点击底部的“发现”。 在发现界面中我们点击“小程序”。 选择我们想要添加到桌面的小程序。然后在该小程序界面中点击右上方“...”图标。 在打开的窗口中我们点击“添加到桌面”， 回到桌面中，我们即可查看到该小程序了。