![](https://img-blog.csdnimg.cn/2021011518032114.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
零基础学习微信小程序的问题汇总
记录所学知识
将学习到的知识记录下来
展开
-
微信小程序之CSS实现图片遮罩
实现半透明黑色遮罩rgba(0,0,0,0.5)表示半透明黑色;前三个值(红绿蓝)的范围为0到255之间的整数。第四个值,alpha值,制订了色彩的透明度/不透明度,0.5为半透明在图片上方放一层mask<view class="banner"> <view class="mask"> </view> <image class="img" src="{{info.cover}}"></image></view>原创 2022-04-07 14:46:02 · 1629 阅读 · 0 评论 -
零基础学习微信小程序(四)
零基础学习微信小程序之实现轮播图因为不会自制动图,所以只能这样截图演示了,不过按照我的代码是一定可以实现的!一、首先要知道轮播图是两层构成外层容器----- swiper每一个轮播项: swiper-item在中间放图片即可!<swiper> <swiper-item> <image/> </swiper-item> </swiper>二、样式注解:autoplay 默认5秒钟 interval原创 2021-03-14 20:50:06 · 119 阅读 · 0 评论 -
零基础学习微信小程序(三)
一、长摁可以复制:1 在微信小程序中实现长摁文字可以复制的功能:2 selectable 添加这个属性即可3 最终实现功能如下二、单选框的实现radio 单选框 1 radio 标签 必须和父元素 radio-group 来使用 2 vaule 选中的单选框的值 3 需要给 radio-group 绑定 change事件 4 需要在页面中显示 选中的值 1 先在wxml中写出标签<radio-group bindchange="ha原创 2021-01-28 19:12:55 · 162 阅读 · 0 评论 -
零基础学习微信小程序(二)
零基础学习微信小程序之底部导航栏一、新创建一个项目1、打开微信开发者工具后,扫码登录,点击加号2 项目名称自己填写目录放在桌面即可,当然你也可以放在别的地方注意!!!APPID在你申请完小程序后会生成,不要让无关人员看到,后期想让项目上线,就要用到他了!!!现在我们只是学习,所以使用测试号就好了。一些高级服务在云开发这里,不过既然是零基础,也就暂时用不上。选择测试号是无法使用云开发的!!!最后新建就好了!二、开始搭建1、刚进来之后,模拟器变绿就是在显示,你想收起来就点击它,让他变原创 2021-01-16 21:11:23 · 312 阅读 · 0 评论 -
零基础学习微信小程序(一)
零基础学习小程序之准备工作一、前往微信公众平台注册自己的小程序:微信公众平台二、注意****这里邮箱号的要求!!!1 未被微信公众平台注册2 未被微信开放平台注册3 未被个人微信号绑定的邮箱------------------1和2 是两个不同平台------------------------- 3可以这样查看:微信---设置---账号与安全----更多安全设置----三 在注册完成后,就可以下载相关软件了进入开发者工具一般选择稳定版、win64即可然后进行傻瓜式安装这里笔原创 2021-01-15 18:45:16 · 172 阅读 · 0 评论