微信小程序开发
鸭鸭:)
前端小萌新一枚~
展开
-
微信小程序——点击不同的标签,弹出显示不同的内容
先展示效果图:(点击下面的小标签,弹出相应的内容)思路:先给List所以数据绑定isactive:false,再通过点击事件,点击哪个,就把哪个的isactive设置为true,再用三元表达式item.isActive?'':'hidden'判断为真为假给标签加上样式wx.jsdata: { subs:[ {list:'包',imagesrc:"/icon/bag.png",classify:'可循环物',isActive:false}, {list:'香蕉'原创 2021-04-11 15:45:27 · 2080 阅读 · 0 评论 -
微信小程序——navigator点击返回时出现俄罗斯套娃
wx.navigator页面链接,保留当前页面wx.redirectTo(Object object)关闭当前页面,跳转到应用内的某个页面。原创 2021-04-11 15:27:46 · 207 阅读 · 0 评论 -
微信小程序——页面跳转传参数
功能实现:input页面输入内容后在点击搜索按钮后跳转到show页面,show页面输入框里显示的是inpput页面输入的内容input.wxml(重点:传inputTxt!!!)<input type="text" confirm-type="done" name="search" value="{{inputTxt}}" placeholder="请输入关键字" bindinput="getInput"/> input.jsdata: { inputTxt: null,/原创 2021-04-11 15:21:00 · 287 阅读 · 0 评论 -
微信小程序开发之侧边栏与页面分开滑动
需要用到视图容器组件scroll-view,使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。wxml代码如下:<view class="pyg_category"> <SearchInput></SearchInput> <view class="cates_container"> <!--左侧菜单--> <scroll-view scroll原创 2021-02-06 22:59:00 · 938 阅读 · 0 评论 -
微信小程序开发之弹框
点击续借后出现弹框,如下思路就是写好这个弹框,给续借这个button绑定一个点击bindtap事件,利用这个事件来控制弹框的显示模式为true/false以达到显示和隐藏的目的代码如下:wxml: <view class="line"> <button size="mini" class="button1" bindtap="b">续借</button> <button size="mini" class="button2">归还.原创 2021-02-05 15:59:55 · 280 阅读 · 0 评论 -
less语言相对于css的特性
Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言Less为css添加了很多新的功能:变量@width: 10px;@height: @width + 10px;#header { width: @width; height: @height;}混合混合(Mixin)是一种将一组属性从一个规则集包含(或混入)到另一个规则集的方法(像下面这样输入所需属性的类(class)名称即可)嵌套Less 提供了使用嵌套代替层叠或与层叠结合使原创 2021-02-03 16:44:33 · 263 阅读 · 0 评论 -
微信小程序开发学习笔记记录-黑马优购
一.学习第一天1.了解了一下开发小程序的结构。小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。其中utils可以删掉。原创 2021-01-20 16:56:32 · 602 阅读 · 0 评论