随笔分类 -  微信小程序

1 2 下一页
记录常用的一些样式
摘要：// 页面外层style .mPage width: 100% height: 100% font-size: 28rpx background-color: #f7f7f7 /* 水平排列 */ .x-row display: flex flex-direction: row align-item 阅读全文
posted @ 2024-08-20 15:38 听着music睡 阅读(5) 评论(0) 推荐(0) 编辑
uniapp状态栏、导航栏、胶囊数据
摘要：// 获取状态栏高度 var statuBar = uni.getSystemInfoSync().statusBarHeight; // 获取胶囊数据 var custom = wx.getMenuButtonBoundingClientRect() // 获取胶囊的宽高 customWidth 阅读全文
posted @ 2022-12-05 14:39 听着music睡 阅读(773) 评论(0) 推荐(0) 编辑
微信小程序-文本作用域
摘要：在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。 通过全局函数 getApp 可以获取全局的应用实例，如果需要全局的数据可以在 App() 中设置，如： // app.js App({ globalData: 1 }) // 阅读全文
posted @ 2021-10-25 14:40 听着music睡 阅读(130) 评论(0) 推荐(0) 编辑
微信小程序-模块化
摘要：可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。 注意： exports 是 module.exports 的一个引用，因此在模块里边随意更改 exports 的指向会造成未知的错误。所以更推荐开发 阅读全文
posted @ 2021-10-25 14:21 听着music睡 阅读(300) 评论(0) 推荐(0) 编辑
微信小程序使用wepy开发之分包操作
摘要：背景： 使用VsCode +wepy框架开发微信小程序 操作： 分包 <config> { pages: [ 'pages/login/index', 'pages/qrcode/index', ], // 分包 ， 红色字体为固定部分 'subPackages': [ { 'root': 'pag 阅读全文
posted @ 2020-06-04 18:53 听着music睡 阅读(702) 评论(0) 推荐(0) 编辑
WePY开发小程序（四）：页面跳转
摘要：一、写一个新的界面需要在app.wpy的<config>代码块下的pages下配置 二、在page中进行跳转 this.$navigate({url:"../mine/address/address"}) 三、在组件中跳转 第一种写法 this.$parent.$navigate({url:"/pa 阅读全文
posted @ 2020-02-27 09:10 听着music睡 阅读(1040) 评论(0) 推荐(0) 编辑
Pug迭代
摘要：两种主要的迭代方式： each 和 while 一、each 1、最简单的迭代 ul each val in [1, 2, 3, 4, 5] li= val 等价于--> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul 阅读全文
posted @ 2020-02-26 08:47 听着music睡 阅读(409) 评论(0) 推荐(0) 编辑
Pug嵌入
摘要：普通变量直接嵌入 - var title = "On Dogs: Man's Best Friend"; - var author = "enlore"; - var theGreat = "<span>转义!</span>"; h1= title p #{author} 笔下源于真情的创作。 p 阅读全文
posted @ 2020-02-26 08:41 听着music睡 阅读(399) 评论(0) 推荐(0) 编辑
Pug模板继承与拓展
摘要：Pug 支持使用 block 和 extends 关键字进行模板的继承 block代表一个代码块 一、代码块的替换 如下：便有三个代码块block scripts,block content,block foot //- layout.pug html head title 我的站点 - #{tit 阅读全文
posted @ 2020-02-26 08:34 听着music睡 阅读(814) 评论(0) 推荐(0) 编辑
Pug条件、分支条件
摘要：- var friends = 10 case friends when 0 p 您没有朋友 when 1 p 您有一个朋友 default p 您有 #{friends} 个朋友 等价于 > <p>您有 10 个朋友</p> 另一种块展开的写法： - var friends = 1 case fr 阅读全文
posted @ 2020-02-25 22:48 听着music睡 阅读(523) 评论(0) 推荐(0) 编辑
Pug入门
摘要：Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。 是一种通过缩进（表示标签间的嵌套关系）的方式来编写代码的过程，在编译的过程中，不需要考虑标签是否闭合的问题。可以加快写代码速度，也为代码复用提供了便捷。 优点： 1、无需结束标签 2 阅读全文
posted @ 2020-02-25 22:40 听着music睡 阅读(1074) 评论(0) 推荐(0) 编辑
WePY开发小程序（三）：生命周期
摘要：一个.wpy文件主要由四部分组成： <script>，<template>，<style>，<config> 一、App生命周期 注册 App 是直接调用原生 App 方法进行 App 注册，生命周期与原生一致 二、页面Page生命周期 三、组件生命周期 总结： 阅读全文
posted @ 2020-02-23 21:08 听着music睡 阅读(894) 评论(0) 推荐(0) 编辑
WePY开发小程序（二）：项目入口及注册页面、组件
摘要：项目目录如图 其中src目录填写的app.wpy文件用于app注册 该app.wpy文件中 <config> 代码块用于注册页面信息 ，如下图表示有一个index的page 一、注册一个新的页面 注册一个新的页面，只需在src目录下的app.wpy文件中的<config>代码快的pages下新增一个 阅读全文
posted @ 2020-02-23 20:55 听着music睡 阅读(741) 评论(0) 推荐(0) 编辑
WePY开发小程序（一）：入门
摘要：一、全局安装 WePY CLI 工具 npm install wepy-cli -g 二、使用wepy init创建WePY项目 3种方式： // 使用空模板创建 wepy init empyt myproject // 使用基础模板创建 wepy init standard myproject / 阅读全文
posted @ 2020-02-23 20:32 听着music睡 阅读(489) 评论(0) 推荐(0) 编辑
小程序实践（十四）：横向滚动列表
摘要：wxss文件样式 .item-image{ width: 80px; height: 80px; margin-right: 2px; } .item-image{ width: 80px; height: 80px; margin-right: 2px; } wxml 布局 阅读全文
posted @ 2019-07-17 15:22 听着music睡 阅读(2402) 评论(0) 推荐(0) 编辑
小程序实践（十三）：父子控件点击事件冲突
摘要：一半出现于view嵌套view的情况，当父子控件的点击都设置为 bindtap的时候，会出现点击触发了父view的点击监听。 要想父子view各监听到自己的实践，需要将子view的点击改为catchtap ,并添加:hover-stop-propagation='true' , 父容器继续用bind 阅读全文
posted @ 2019-07-11 18:55 听着music睡 阅读(1962) 评论(0) 推荐(0) 编辑
小程序实践（十二）：七牛云上传图片
摘要：小程序更换用户头像功能、更换图片等功能 思路图片上传七牛云，成功之后返回的图片url上传项目服务器 先选择图片 小程序提供api ：chooseImage 获取到图片之后 上传图片到七牛云 准备： 先下载配置小程序七牛云的sdk 下载地址：https://developer.qiniu.com/sd 阅读全文
posted @ 2018-10-29 09:58 听着music睡 阅读(1524) 评论(0) 推荐(0) 编辑
小程序实践（十一）：showModal的使用
摘要：显示模态对话框，确定和取消两个选择+标题+内容的对话框 . 小程序实践（一）：主页tab选项实现 小程序实践（二）：swiper组件实现轮播图效果 小程序实践（三）：九宫格实现及item跳转 小程序实践（四）：动态控制组件的显示/隐藏 小程序实践（五）：for循环绑定item的点击事件 小程序实践（ 阅读全文
posted @ 2018-10-23 20:44 听着music睡 阅读(35254) 评论(0) 推荐(2) 编辑
小程序实践（十）：textarea实现简单的编辑文本界面
摘要：textarea是官方的原生组件，用于多行输入 简单的例子，监听文本内容、长度，以及设置最大可输入文本长度 小程序实践（一）：主页tab选项实现 小程序实践（二）：swiper组件实现轮播图效果 小程序实践（三）：九宫格实现及item跳转 小程序实践（四）：动态控制组件的显示/隐藏 小程序实践（五） 阅读全文
posted @ 2018-10-23 20:39 听着music睡 阅读(3727) 评论(0) 推荐(1) 编辑
小程序实践（九）：返回到上一个界面并传值回去
摘要：常见需求，修改某个信息，需要调到一个新界面有个输入框去修改内容，修改之后，点击后退按钮，新的数据就返回更新了 App实现是自己写后退按钮，监听后退按钮，实现数据返回 但是小程序这边后退按钮是根据打开方式决定显示/隐藏的，并且这个后退按钮也没发现可以监听的事件。 解决办法就是 点击后退的时候，界面会执 阅读全文
posted @ 2018-10-23 20:05 听着music睡 阅读(7268) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示