键指江湖的博客

父子组件传值前提在新闻和用户页面同时引入了header头部组件1.父组件在调用子组件的时候绑定属性2.在子组件的properties里面接收父组件传过来的值效果如下（用户页面一样）：或者以对象的方式 参考官方文档properties: { myProperty: { // 属性名 type: String, value: '' }, ...

小程序学习之自定义组件及使用一般我们会将页面公共的部分抽离出来单独写成组件，方便任何地方调用，比如常见头部导航、菜单、列表之类的公共部分。新建一个header组件，在里面定义数据和方法在header.wxml里面写好页面结构 调用属性、数据、方法在new.json配置引用header组件在news.wxml里面使用header自定义组件效果如下：多个页面调用header组件...

小程序之WXS的使用首先建一个wxs文件夹并在里面建一个wxs文件，定义一个属性和一个方法，通过module.exports暴露出去，如下图：在页面引用wxs文件并定义module，然后渲染数据获取时间戳日期分割符 / 是可以改的 比如 ： - 根据需求通过官方文档明白如何获取当前时间，但是我想要当前时间实时动态显示，下面就扩展一下如何 动态显示当前时间 （与WXS无关，应...

小程序学习之模块化在做小程序开发时，我们可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块来使用。1.var一个对象config(名字随便取)config里面可以定义方法或者属性var config={ }2.module.exports把config对象暴露出去module.exports=config3.引用使用config里面的定义的host属性...

wxParse插件解析html数据打开GitHub搜索wxParse1.在我们要用到的页面的js里面引入 wxParse下面的js var WxParse = require('../../wxParse/wxParse.js');2.在页面使用的Wxss中引入WxParse.css,也可以在app.wxss全局引用@import "/wxParse/wxParse.wxss"...

小程序学习之页面跳转传值请求数据1.小程序页面跳转传值先定义data-aid的值<button size="mini" data-aid="1" bindtap="goDetails">跳转到详情页面1</button><button size="mini" data-aid="2" bindtap="goDetails">跳转到详情页面2</bu...

小程序之条件判断、方法、事件1.条件判断<!-- 条件判断 --><view wx:if="{{flag}}"> <text>flag为true我会显示</text></view><view wx:else> <text>flag为false我会显示</text></v...

小程序学习之列表循环wxml代码：注意：wx:key=“index” 写上，不然会提示错误，虽然不影响代码运行，还是写上吧<view class="item-list"> <view class="item-list-box" wx:for="{{itemList}}" wx:key="index" wx:for-item="item"> ...

小程序WeUi组件引用1.引入组件可以通过npm方式下载构建，npm包名为weui-miniprogram也可以通过页面按需下载。官方下载地址https://developers.weixin.qq.com/miniprogram/dev/extended/weui/download.html解压后添加到自己的项目中首先要在app.wxss里面引入weui.wxss@import '....

全局配置、底部导航实现一、全局配置（app.json里面）1.页面注册"pages": [ "pages/index/index", "pages/news/news", "pages/user/user", "pages/logs/logs" ],2.底部导航实现"tabBar": { "list...