阿乐のBlog

wxParse是一个微信小程序富文本解析组件。现在小程序里面自带了一个<rich-text>组件也能解析富文本，但是表现不尽人意。所以我还是采用的wxParse来解析富文本的。 wxParse git地址：https://github.com/icindy/wxParse。 如下图： 2.在 你需要引用这个插件的 wxml 文件中引用 wxParse.wxml12//路径根据你实际情况修改<import src="../../../wxParse/wxParse.wxml"/> 3.在 你需要引用这个插件的 wxss 文件中引用 wxParse.wxss12//路径根据你实际情况修改@import "../../../wxParse/wxParse.wxss"; 4.在 你需要引用这个插件的 js 文件中引用 wxParse.js12//路径根据你的实际情况更改var WxParse = require('../../../wxParse/wxParse.js'); 5.将你需要解析的内容进行解 ...

报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selector 官网给出的解释是：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html 组件样式组件对应 wxss 文件的样式，只对组件wxml内的节点生效。编写组件样式时，需要注意以下几点： 组件和引用组件的页面不能使用id选择器（#a）、属性选择器（[a]）和标签名选择器，请改用class选择器。 组件和引用组件的页面中使用后代选择器（.a .b）在一些极端情况下会有非预期的表现，如遇，请避免使用。 子元素选择器（.a>.b）只能用于 view 组件与其子节点之间，用于其他组件可能导致非预期的情况。 继承样式，如 font 、 color ，会从组件外继承到组件内。 除继承样式外， app.wxss 中的样式、组件所在页 ...

小程序项目的主要目录作用小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： 文件 必需 作用 app.js 是 小程序逻辑 app.json 是 小程序公共配置 app.wxss 否 小程序公共样式表 一个小程序页面由四个文件组成，分别是： 文件类型 必需 作用 js 是 页面逻辑 wxml 是 页面结构 json 否 页面配置 wxss 否 页面样式表 注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。 project.config.json 项目配置文件，做一些个性化配置，例如界面颜色、编译配置等等 app.json 当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等 sitemap 配置小程序及其页面是否允许被微信索引 pages 里面包含一个个具体的页面 wxss 页面样式，app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 pa ...

如何隐藏滚动条，同时仍然可以在任何元素上滚动？ 首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容，只能通过针对特定浏览器设置滚动条样式来实现。 Firefox浏览器 对于Firefox，我们可以将滚动条宽度设置为none： 1scrollbar-width: none; /* Firefox */ IE浏览器 对于IE，我们需要使用-ms-prefix属性定义滚动条样式： 1-ms-overflow-style: none; /* IE 10+ */ Chrome和Safari浏览器 对于Chrome和Safari浏览器，我们必须使用CSS滚动条选择器，然后使用display：none隐藏它： 123::-webkit-scrollbar { display: none; /* Chrome Safari */} 注意：当你要隐藏滚动条的 ...

postcss-px-to-viewport，将px单位自动转换成viewport单位，用起来超级简单，postcss-px-to-viewport 官方文档 安装1npm install postcss-px-to-viewport --save-dev 引入vue项目，在postcss.config.js引入12345678910111213141516171819module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等 "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单位 viewportWidth: 750, // UI设计稿的宽度 unitPrecision: 6, // 转换后的精度，即小数点位数 propList: ["*"] ...