微信小程序
文章平均质量分 54
你爱我吗。
这个作者很懒,什么都没留下…
展开
-
uniapp/微信小程序获取蓝牙设备
uniapp/微信小程序获取蓝牙设备viewscriptstyle此文章只是获取蓝牙设备,不涉及连接设备,连接设备敬请期待!!!view<u-navbar :is-back="true" title="设备" :background="background" title-color="#FFFFFF" back-icon-color="#FFFFFF" :border-bottom="false"> </u-navbar> <button class='bu原创 2021-06-19 10:36:13 · 1535 阅读 · 1 评论 -
微信小程序----表单:交互控件
表单组件1. input输入框组件基础属性input输入框组件–基础属性—type类型type属性值input输入框组件—占位符placeholder相关占位符placeholder属性注意:placeholder字体大小默认与input字体大小相同,不能分开设置,不然应用户体验。方案:给input设置字体大小即可input输入框组件...原创 2019-09-28 09:32:46 · 439 阅读 · 0 评论 -
微信小程序----表单:按钮微信开放能力与客服
表单组件按钮组件之open-type —微信开放能力常用属性值open-type 微信开放能力属性值----contact客服会话原创 2019-09-21 11:05:15 · 765 阅读 · 0 评论 -
微信小程序----表单:按钮
表单组件1. button按钮组件button按钮属性按钮大小size属性值查看源码,分析button默认样式与小尺寸button默认样式默认样式(1px问题)由此可以分析出button按钮的边框是由伪元素button:after设置的。所以,若想去除小程序按钮默认边框,给button设置border:none无效,只能通过伪元素去除默认边框。查看源码,小尺寸but...原创 2019-09-20 09:09:04 · 290 阅读 · 0 评论 -
微信小程序----基础内容组件
icon图标组件组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)icon图标组件type类型参数<icon type="success"></icon> <icon type="success_no_circle"></icon> <icon type="info"></icon> ...原创 2019-09-19 16:24:28 · 198 阅读 · 0 评论 -
微信小程序----视图组件案例
视图容器组件1. 滑块视图容器swiper和滑块swiper-item组件微信小程序swiper实现滑动放大缩小效果先将基础轮播图写出来,开启无缝衔接模式circular开启指示点属性:值:自定义指示点样式添加前后边距属性:值:...原创 2019-09-19 15:59:07 · 253 阅读 · 0 评论 -
微信小程序----视图组件
什么是组件?组件就是我们写HTML的一些基本标签,比如div、span、p、ul、li等。在大多数HTML里面的标签,很多都是要自己写上一些效果的,但是在小程序里面,很多标签都带有自己的效果,可以实现一些简单的JS逻辑。微信小程序里有很多很有意思的组件,这些组件给我们开发小程序提供了很大的便利简介一个小程序页面可以分解成多个部分组成,组件就是小程序页面的基本组成单元。为了让开发者可以...原创 2019-09-18 15:31:04 · 526 阅读 · 0 评论 -
微信小程序----WeUI框架
前言因为小程序的api描述都比较简单,并没有wxml及wxss的描述,有的人可能会想小程序有没有一个UI库。类似于前端中的常见的UI库例如Bootstrap、MDUI(简称MD)、Semantic UI(简称Semantic )、uni-app、MUI、Element等等类似的框架UI库小程序UI库WeUI:结果当前是当前有的,它就是微信小程序官方推出的小程序UI库WeUI。WeU...原创 2019-09-18 11:47:53 · 506 阅读 · 0 评论 -
微信小程序----收藏案例
需求分析样式分析:未收藏时为灰色态,点击收藏按钮,图标变色,同时弹框实体收藏成功;收藏成功后,点击已收藏的商品,取消收藏,此时图标恢复为灰色态,同时弹框提示取消收藏成功。逻辑分析:每个商品单独绑定个数据,负责管理收藏状态,点击时判断状态,然后切换收藏功能先将图片静态样式写入因为收藏按钮是在商品展示栏上一层,所以可以用绝对定位到右下角,此时点击便不会跳页接下来绑定数据...原创 2019-09-18 11:06:30 · 310 阅读 · 0 评论 -
微信小程序----事件对象-绑定、冒泡、捕获
事件冒泡事件触发验证事件冒泡验证验证后发现事件发生冒泡,点击子级时,除了触发子级事件,还会冒泡到父级,触发父级绑定的事件点击父级红色区域点击父级红色区域时,只会触发父级绑定的事件target和currentTarget 属性的区别event.target返回触发事件的元素event.currentTarget返回绑定事件的元素例如:事件冒泡到父级时触发事件源头...原创 2019-09-03 20:37:43 · 190 阅读 · 0 评论 -
微信小程序----跳页之tabBar导航跳转
tabBar小程序导航简介:小程序是一个多tab标签应用(客户端窗口的底部或顶部有tab栏可以切换页面),可以通过Tabbar配置项指定tab栏的表现,以及tab切换时显示的对应页面。小程序根目录下的 app.json 文件用来对微信小程序进行全局配置在小程序配置文件里面可以设置tabBar属性:案例接下来挨个看下tabBar配置项下的属性:tabBar配置项属性—...原创 2019-08-28 17:29:28 · 1173 阅读 · 0 评论 -
微信小程序----小程序模型与宿主环境
前言小程序可以调用宿主环境/微信提供的微信客户端的能力,这就使得小程序比普通网页拥有更多的能力(扫一扫、摇一摇)。小程序的运行环境分成渲染层和逻辑层, WXML 模板文件和 WXSS 样式文件工作在渲染层,JS 逻辑文件工作在逻辑层。渲染案例渲染“Hello World”案例WXML模板使用 view 标签,其子节点用 {{ }} 的语法绑定一个 msg 的变量JS 脚本使用 ...原创 2019-08-28 17:12:15 · 181 阅读 · 0 评论 -
微信小程序----JS逻辑文件
前言一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,通过编写 脚本文件来处理用户的操作。小程序的主要开发语言是 JavaScriptJS 作用:开发者使用 JS来开发业务逻辑;调用小程序的 API 来完成业务需求。业务逻辑案例交互案例:点击 button 按钮的时候,希望界面显示 “Hello World”,于是在 ...原创 2019-08-28 17:01:59 · 298 阅读 · 0 评论 -
微信小程序----静态补充CSS之IFC、FFC、GFC讲解
简介前言:Web页面的布局,常见的主要有“浮动布局(float)”、“定位布局(position)”、“行内块布局(inline-block)”、“CSS3的多栏布局(Columns)”、“伸缩布局(Flexbox)”以及“网格布局(Grids)”等。IFC简介IFC简介:行级格式化上下文Inline Formatting ContextIFC布局规则:在一个行内格式化上下文中,盒是...原创 2019-08-28 16:12:34 · 224 阅读 · 0 评论 -
微信小程序----静态补充CSS-BFC
BFC简介BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)首先要明确BFC是什么意思,其全英文拼写为 Block Formatting Context 直译为“块级格式化上下文”。在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。Box 是 ...原创 2019-08-28 16:08:04 · 304 阅读 · 0 评论 -
微信小程序----Flex布局-项目属性
项目属性:设置容器内项目相关样式,用于设置项目的尺寸、位置,以及对项目的对齐方式做特殊设置。项目元素属性集合:order、flex-grow、flex-shrink、flex-basis、flex、align-self项目属性:沿主轴方向上的排列顺序order: 0(默认值) | <integer整数>项目的收缩因子flex-shrink: 1(默认值) | <nu...原创 2019-08-28 15:58:34 · 172 阅读 · 0 评论 -
微信小程序----WXSS
WXSS简介WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。对比:WXSS与Web开发中的CSS类似。为了更适合小程序开发,WXSS对CSS做了一些补充以及修改。WXSS分类小程序中的样式文件一共分为两个级别/两类:提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同,可...原创 2019-08-16 19:19:38 · 1218 阅读 · 0 评论 -
微信小程序----wxml-2
循环指令key属性补充Vue和React框架用遍历指令时的key值不建议用indexkey值在没有删除插入操作时只要是唯一值也无所谓,即此时为index索引也可以如果有删除或者插入的操作,后一位会继承删掉的index,这时的key写不如不写,本来key是为了让遍历性能优化的操作,这种可能重复或者改变的key值,不仅不会优化还会影响性能index作为:key值,有可能导致第一次执行循环体初...原创 2019-08-16 14:39:12 · 131 阅读 · 0 评论 -
微信小程序----WXML
简介全称:WXML 全称是 WeiXin Markup Language,是小程序框架设计的标签语言。WXML 文件后缀名是 .wxml,语句在语法上同 HTML 非常相似标签闭合编译:WXML 要求标签必须是严格闭合的,没有闭合将会导致编译错误。WXML中的属性是大小写敏感:WXML和 HTML 非常相似,WXML 由标签、属性等等构成。但是也有很多不一样的地方下面来一...原创 2019-08-15 19:43:39 · 5125 阅读 · 1 评论