微信小程序归档

前端 微信小程序多组件之间 css 用 deep 不生效的一些处理办法

直接上代码了，vue3 setup 模式下需要额外写一个script <script> export default { options: { styleIsolation: 'shared' } } </script> styleIsolation 可选项 isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（一般情况下的默认值） apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面 shared 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。（这个选项在插件中不可用。）

前端 小程序海报生成神器之一Painter配合uniapp使用示例

本篇详细介绍Painter在uniapp中的使用方法前置资源： Painter的github库：https://github.com/Kujiale-Mobile/Painter Painter在线设置网站：https://lingxiaoyi.github.io/painter-custom-poster/ 完整demo：https://gitee.com/hackchen/uniapp-painter-demo 新建项目使用HBuilderX新建一个空项目新建一个叫painter-demo的页面新建一个js文件paletteData.js（这个文件可自行决定是否需要，本demo因为数据量太大，所以独立建一个文件）通过github，下载得到painter项目文件将项目下的components/painter文件夹复制到uniapp项目的wxcomponents文件夹下新建完文件后，大致的目录结构如下图修改pages.json { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/…

前端 在浏览器上面唤起微信小程序的代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>标题</title> </head> <body> <script> var openlink = "weixin://dl/business/?t=xxxxx"; // 小程序代码 if(openlink!=''){ window.location = openlink }else{ console.log([])…

前端 原生js实现类似小程序、uniapp的onShow onHide

直接上代码 // 这里有三个状态 prerender，visible 和 hidden let pageVisibleStatus = document.visibilityState; // 监听页面状态 document.addEventListener('visibilitychange', function() { // 页面状态变化为不可见时触发 if (document.visibilityState == 'hidden') { … } // 页面状态变化为可见时触发 if (document.visibilityState == 'visible') { … } } );

前端 小程序 setData key是变量时的用法

官方文档是这样的： changeItemInArray: function() { // you can use this way to modify a danamic data path this.setData({ ‘array[0].text’:’changed data’ }) }, changeItemInObject: function(){ this.setData({ ‘object.text’: ‘changed data’ }); },无奈自己写的时候还是会遇到不能解决的问题，比如 this.setData({ ‘array[0].text’:’changed data’ })这里面的arry[o]是动态的，’array[index].text’,像这样显然是不行的，在网上搜了搜，虽然不知其所以然，在这里记录下来。比如，要修改that.data.goods[0].price 的值,可以像这样，这里是一个动态的变量 var price = ‘goods[‘+index+’].price’ this.setData({ [price]:’changed data’…