微信小程序
文章平均质量分 86
微信小程序技术分享
皮皮冰要做大神
我离大神只差一步 哈哈哈 一起进步
展开
-
【微信技术-微信小程序】------- 骨架屏(加载流)配置(skeleton-config)及属性详解 (第三篇)
本篇文章是骨架屏(skeleton)配置及属性详解(第三篇)第一篇文章:【微信技术-微信小程序】-------骨架屏(加载流) 简单入门(第一篇)第二篇文章:【微信技术-微信小程序】------- 渐进式骨架屏(加载流)(第二篇)下面内容主要功能骨架屏(skeleton)配置及属性温馨提示:所有在.wxml文件中添加的新属性、或者在skeleton-config配置中新添加的值 、想让属性能够显示该效果 需要删除对应的骨架屏文件.skelecton.wxml, .skelecton.wxss.原创 2022-03-18 15:14:27 · 2032 阅读 · 0 评论 -
【微信技术-微信小程序】------- 渐进式骨架屏(加载流)(第二篇)
提示:看如下内容需要了解第一篇:简单入门(骨架屏(加载流) 简单入门(第一篇))目录一、什么是渐进式骨架屏?二、实现渐进式骨架屏三、效果展示下载示例代码地址: 渐进式骨架屏示例代码-下载一、什么是渐进式骨架屏?在界面内容加载过程中,获取服务器数据的速度不一致,区块内容对应的接口显示真实内容的进度也不一致,就需要渐进式。二、实现渐进式骨架屏接下来就已pages/index/index文件作为示例1.index.wxml文件配置区块域//使用 data-skeleton-hide .原创 2022-03-17 15:57:10 · 839 阅读 · 0 评论 -
【微信技术-微信小程序】------- 骨架屏(加载流) 简单入门(第一篇)
文章目录前言一、生成骨架屏1. 生成骨架屏1.1在模拟器的右下角点击【三个点】的图标,然后选择【生成骨架屏】,弹出提示选择【确定】。1.2 最终生成带有后缀的.skeleton.wxml和.skeleton.wxss 两个文件。二、配置骨架屏2.1 index.wxml 引入模板2.2 index.wxss 引入样式2.3 index.js 配置 loading的属性2.4 真实内容隐藏2.5 使用定时器实现骨架屏效果三、最后演示效果四、其他文章温馨提示:本篇文章必须会使用微信开发工具、会微信小程序的开原创 2022-03-17 12:30:41 · 1785 阅读 · 2 评论 -
【微信技术-微信小程序】------ 骨架屏(加载流)示例页面说明
提示:使用colorui组件在微信小程序使用 必须先懂得微信开发工具的使用。文章目录前言一、什么是骨架屏?二、使用骨架屏的步骤1.微信小程序提供的示例代码地址:2.引入示例代码:3.骨架屏文件4.以 pages/index/index 页面为例,使用骨架屏前言如何通过微信小程序使用骨架屏(加载流)。一、什么是骨架屏?骨架屏是真实内容在没有加载完成前,需要展示的空白版本,通过一些灰色的区块大致勾勒出轮廓,在完成加载后,填充真实内容。二、使用骨架屏的步骤温馨提示:为了更好演示效果,我.原创 2022-03-16 16:47:55 · 1493 阅读 · 0 评论 -
【微信技术-微信小程序】------- 使用Vant-Weapp组件简单入门
轻量、可靠的小程序 UI 组件库介绍Vant Weapp 是移动端 Vue 组件库 [Vant] 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。使用之前使用 Vant Weapp 前,请确保你已经学习过微信官方的 小程序简易教程 和 自定义组件介绍。安装教程视频安装通过 npm 安装1.先执行npm-init-y 创建一个 package.json 文件npm init -y效果图:2.然后执行如下npm命令 在这里请选择...原创 2022-03-15 11:25:47 · 1417 阅读 · 0 评论 -
【微信技术-微信小程序】------ 使用ColorUI组件简单入门
提示:使用colorui组件在微信小程序使用 必须先懂得微信开发工具的使用。文章目录前言一、ColorUI是什么?二、使用步骤1.下载ColorUI组件文件2.微信开发工具项目引用colorui组件2.1 操作方式一 如下(示例):`前提是项目已经存在,想在引用colorui组件`2.2 操作二 方式如下(示例):`前提是项目还没开始,想在引用colorui组件`总结前言如何通过微信开发工具使用ColorUI组件一、ColorUI是什么?ColorUI是一个Css类的UI组件库!在你引入样.原创 2022-03-11 16:45:06 · 18401 阅读 · 6 评论 -
【微信技术-微信小程序】------ 小程序调用第三方的url地址页面例如调用:www.pipixia.com/index/index.html的页面
一,通过微信小程序调用第三方的url地址页面。1.微信官方文档说明可以支持调用第三方的url地址页面如下:2.注意事项:1.需要在“小程序管理后台”配置“业务域名”如下:2.业务域名要与获取的服务器数据的域名是同一个域名.例如业务域名:www.pipixia.com 那么 服务器数据域名也是:www.pipixia.com 这个域名。并且调取第三方的url页面:必须是80端口。二,web-view的使用:1.webView.wxml页面代码:<...原创 2022-03-11 15:11:44 · 15819 阅读 · 0 评论 -
【微信技术-微信小程序】------- 获取Form表单数据信息
一,微信小程序:获取form表单数据1.效果图:2.前端HTML代码: (1)下面是主代码: <view class="form-view"> <view class="form-content"> <form bindsubmit="loginFormData"> <view class="form-content-line"> ...原创 2022-02-17 09:41:26 · 5439 阅读 · 2 评论 -
【微信技术-微信小程序】------- 微信小程序引用阿里巴巴iconfont图标库样式使用说明
1.在阿里巴巴iconfont图标库中下载样式文件.[iconfont-阿里巴巴矢量图标库] 如下:(1)首先选择【unicode】编码方式 然后点击【下载至本地】;(2)下载完毕 进行解压 然后打开解压完成之后的文件找到【iconfont.ttf】如下:2.对文件进行转码【base64】让微信小程序支持此样式;如下:(1)点击【Add fonts】选择【iconfont.ttf】文件 在勾选其他配置;(2)点击【Convert】开始进行转换、出现【Download】然后..原创 2022-01-17 17:18:05 · 814 阅读 · 0 评论 -
【微信技术-微信小程序】------- CryptoJS库文件使用操作说明
一,在使用前需要进行如下操作:温馨提示:(1)如果已经先前做好了准备就不需要如下(2);(2)使用CryptoJS需要懂得ES6与CommonJS规范;CommonJS规范 -- JavaScript 标准参考教程(alpha)http://javascript.ruanyifeng.com/nodejs/module.html#toc2ES6 入门教程https://es6.ruanyifeng.com/(3)CryptoJs的说明文档;CryptoJS - CryptoJShttp...原创 2022-02-19 16:08:09 · 1002 阅读 · 0 评论 -
【微信技术-微信小程序】------- 获取URL地址传递的参数
一,【微信小程序】:获取URL地址传递的参数;1. URL参数传递页【index.js】代码://点击打开新页面 onOpenPage:function(e){ var url="/pages/webView/webView?url=/mobile/slwzl/sjsj/sjsj.html&bt=搜集审批&title=数据呈现"; wx.navigateTo({ url: url, }); }2.URL参数接收页【webView.j...原创 2022-02-23 14:22:02 · 10355 阅读 · 0 评论