
微信小程序
乾三_
我就是我
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序生成package.json文件,在微信小程序中引入vant Weapp组件...
1.首先用微信开发工具在文件中创建一个微信小程序。2.执行npm init执行npm init是需要在DOS窗口执行的,我们可以windows+r键来打开窗口,然后输入CMD执行,然后就可以打开DOS窗口了。打开窗口之后,在DOS窗口中进入自己项目所在的目录。在打开的文件夹输入 npm init,然后一直按回车键。直到创建一个package.json文件3....原创 2021-11-22 10:12:01 · 3267 阅读 · 0 评论 -
微信中如何导入html文件夹,微信小程序生成package.json文件,在微信小程序中引入vant Weapp组件...
1、微信小程序目录下没有package.json文件,这里需要用到packae.json文件;2、新建一个微信小程序,在小程序目录下输入命令:npm init(记得以管理员身份运行开发工具),然后一直回车,直至在小程序目录下,生成package.json文件。3、通过npm安装,执行以下命令1:npm install --production2:# 通过 npm 安装npm i @vant/weapp -S --production# 通过 yarn 安装yarn add转载 2021-11-22 09:29:21 · 1073 阅读 · 0 评论 -
微信小程序 canvas使用过程中碰见的坑-制作海报并保存图片过程
废话不多说,先上效果图1、首先第一个Canvas的使用,一般海报的制作全是点击触发海报制作,在此之前,肯定是想把画布隐藏,但是在使用“hidden”和“ display: none” 这两个属性时,在运行小程序,小程序获取不到画布的宽高,所以会报错。经过一段时间搜索,找到一种当前比较好用的办法就是,定位到屏幕以外进行隐藏.wxss代码.cover-back { width: 100vw; height: 100vh; background: rgba(0, 0, 0, .8); po原创 2021-06-11 15:18:20 · 1061 阅读 · 1 评论 -
微信小程序 有赞UI关于Tab 标签页的坑
页面代码:官网文档:标签文档1、在文档中指出设置 “active”设置当前选中标签的标识符.如果页面不涉及页面跳转,这样设置完全没有问题。但是要是涉及到页面跳转。图一图二由图一跳转到图二这种情况,只能使用.js文件中的wx.navigateTo进行跳转赋值...原创 2021-06-09 14:32:34 · 275 阅读 · 0 评论 -
[微信小程序] 弹出遮罩层后禁止背景层滚动的办法
先定义一个overflow:hidden的全局样式,然后在点击出现遮罩层之后让最底层的使用这个样式即可,class上可以绑定一个变量,动态赋值样式的名称,例如:app.wxss 代码片段.disableScroll { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; overflow: hidden;}index.wxml 代码片段<view class="{{ scrollStyle转载 2021-06-07 17:30:46 · 1090 阅读 · 0 评论 -
微信小程序 结合vant weapp的复选框(checkbox)组件实现动态绑定object类型数据
我是结合的vant weapp的checkbox实现的,官网文档地址要实现以上复选框功能:官网文档中举例子复选框组需要与van-checkbox-group一起使用,选中值是一个数组,通过value绑定在van-checkbox-group上,数组中的项即为选中的Checkbox的name属性设置的值。<van-checkbox-group value="{{ result }}" bind:change="onChange"> <van-cell-group>原创 2021-06-07 16:23:47 · 5949 阅读 · 0 评论 -
微信小程序之前端框架 Vant Weapp使用方法
安装Vant Weapp,使用npm*先简单介绍一下什么是npm吧,在这以前,本人也不知道npm是什么,所以这里也是巩固一下知识。1.为什么要使用npm init初始化项目在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。方便在以后的版本迭代和项目移植的时候会更加的方便。也是防止在后期的项目维护中误删除了一个包导致的项目不能够正常运行。使用npm init初始原创 2021-05-28 13:56:05 · 916 阅读 · 0 评论 -
微信小程序中e.target与e.currentTarget区别详解
在小程序中,e.target与e.currentTarget是非常重要的,尤其是涉及到页面传值时!本节只说两者的区别。下面开始正文啦!!先来大概梳理下逻辑,以便引申与更一步了解target与curentTarget。在小程序中,事件分为2种,冒泡与非冒泡。这不是重点!由于是要理清e.target和e.currentTarget的区别,所以下面从e入手来说。e为事件对象,可以携带额外信息,如 id, dataset, touches。小程序中,事件对象不止一种,如基础事件对象、自定义事件对象等,下面转载 2021-05-12 10:05:34 · 1572 阅读 · 4 评论 -
微信小程序之swiper轮播图中的图片自适应高度的方法
1.结构<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-active-color="{{bg}}" style='height:{{Height}}'><block ...转载 2019-07-23 17:34:18 · 3169 阅读 · 0 评论 -
小程序各个文件夹引用写法
wxss文件引用wxss文件引用:@import "*/*.wxss";js文件引用:1.我们先建立一个common.js文件,在common.js编写我们的程序,function myfunc() {console.log("myfunc....");}module.exports.myfunc = myfunc; 这样暴露接口,这里不暴露是不能引用的,在文件域j...原创 2019-01-09 11:19:01 · 1311 阅读 · 0 评论