![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
小山羊~
命运多舛,痴迷淡然
展开
-
小程序概念理解
小程序启动之后,在app.js定义的App实例的onLaunch回调会被执行:整个小程序只有一个 App 实例,是全部页面共享的,更多的事件回调参考文档应用生命周期:小程序的一个页面是怎么写的(1)先根据logs.json配置生成一个界面,顶部的颜色和文字你都可以在这个json文件里边定义好(2)紧接着客户端就会装载这个页面的WXML结构和WXSS样式。(3)最后客户端会装载logs.jsPage({ data: { // 参与页面渲染的...原创 2021-04-02 11:14:09 · 130 阅读 · 0 评论 -
小程序 vant-weapp组件库安装
一 确保npm和node安装成功二 微信开发者工具新建一个项目(勾选不使用云开发)三 微信开发者工具中右键:在外部终端窗口中打开四 执行1.npm init在根目录下一直回车,此时会多一个package.json文件2.npm i @vant/weapp -S --production使用这种安装方法,路径可以直接从官方文档复制,无需修改五修改 app.json将 app.json 中的"style": "v2"去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,...原创 2020-11-13 14:15:12 · 213 阅读 · 1 评论 -
小程序vant weapp 0.X与1.6.1(1.5.2)对比少的组件
vant weapp 0.X与1.6.1(1.5.2)对比少的有:基础组件少了:image图片表单组件少了:Calendar日历 + Uploader文件上传反馈组件少了:DropdownMenu 下拉菜单 + Overlay 遮罩层 + ShareSheet 分享面板展示组件少了:Circle 环形进度条 + CountDown 倒计时 + Divider 分割线 + Empty 空状态 + Skeleton 骨架屏 + Sticky 粘性布局导航组件少了:Grid 宫格 +原创 2020-11-13 10:13:51 · 305 阅读 · 0 评论 -
微信小程序组件间传值
一. 微信小程序父组件向子组件传值1.父组件可以直接传参或者使用数据绑定向子组件动态传递数据组件在父组件内写法:<view> <!-- 以下是对一个自定义组件的引用 --> <my-component inner-text="Some text" numberA='5' numberB='4' prop-a="{{dataFieldA}}"></my-component></view>2.子组件Component({原创 2020-11-05 17:48:34 · 6125 阅读 · 0 评论 -
微信小程序自定义组件
使用:(1)我们可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;(2)也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。...原创 2020-11-05 09:46:07 · 136 阅读 · 0 评论 -
小程序搜索功能(选择国家地区)
<!-- 搜索框 --><view class='search'> <image class="" src='../../images/search.jpg'></image> <input type='text' placeholder='请输入您想要的内容' confirm-type='search' value="...原创 2019-06-10 11:00:29 · 1473 阅读 · 0 评论 -
小程序点击A-Z跳转到相应首字母国家地区
七十主要的是<scroll-view>与<scroll-into-view>配合使用,详细可参考小程序文档https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html,起初,几个重要的点都已测试过没问题,但就是点击字母跳转不了,然后又针对<scroll-into-view>...原创 2019-06-10 11:09:18 · 993 阅读 · 0 评论 -
小程序textarea的坑
刚写了一个小程序,才有时间过来小结一下,事情是这样的,当我点击弹出一个遮罩层,然后是白色的图片,发现底层文字是透明的,期初还以为是图片的问题,后来发现小程序得用background: rgba(0, 0, 0, 0.5);改好之后,其他的事好了,但是textarea依然很顽强(textarea的placeholder文字或者输入的文字内容,会直接穿透遮罩层和浮动弹窗,显示在最上面,设置z-in...原创 2019-06-10 11:39:53 · 325 阅读 · 0 评论 -
小程序遮罩层的实现
关于遮罩层的问题,七十就是对于你想要的组件的显示隐藏,需要定义个变量自己来控制,哪怕是连续出现两回遮罩层也是如此,在这里我使用的是同一个遮罩层,控制了不同的组件的现实与隐藏来呈现效果。wxml: js文件: ...原创 2019-06-10 11:58:15 · 1206 阅读 · 1 评论 -
小程序modal问题
七十关于modal的问题,需要注意里面的内容是否为textarea组件,如果为textarea,那么需要注意不能写在<scroll-view>组件中,否则,会出现黑屏的问题,,解决办法就是将其<modal>组件放在外面就可以迎刃而解了。。。...原创 2019-06-10 12:04:01 · 668 阅读 · 1 评论