微信小程序
Z_hongli
不定期更新简单实用且详细的Unity教教程
展开
-
小程序中maring-top、maring-left、maring-right、maring-bottom失效/没有用的原因及解决方案
小程序中maring-top、maring-left、maring-right、maring-bottom失效/没有用的原因及解决方案我在做小程序的时候经常遇到这种情况,明明是设置好了maring-top的值,但是却并不管用必看后来我尝试在没起作用的地方加一个display:flex我的想法是我的这个text所在的view容器是flex布局,所以我去用flex布局试试,没想到就成功了对此还有些其它的猜想,如果父容器view或者其它类型的容器,他的布局不是display:flex,而是其它类型,而原创 2021-11-20 10:38:52 · 656 阅读 · 0 评论 -
【小程序】固定导航栏在顶部,跟随下滑
【小程序】固定导航栏在顶部,跟随下滑一、效果演示二、实现原理三、相关代码1.说明(一定要看)1.wxml2.wxss3.js一、效果演示二、实现原理在js中有一个函数是用来监听页面的滑动的,这个函数叫做onPageScroll,下面是我从官网上面查到的有关信息我们可以利用这个函数的功能,获取页面在垂直方向已经滚动的距离,当滚动的距离达到一定数值时,我们通过js来改变样式,让原有的模块固定住不再移动三、相关代码1.说明(一定要看)我把整个页面的代码全部拷过来了,wxml中最上面的部分是导航栏原创 2021-11-17 15:29:57 · 3068 阅读 · 0 评论 -
【小程序】文本的展开收缩功能
1、xml中<view class='bg-white marginTop10 vertical'> <text class='pay-hint-tille'>挂号支付须知</text> <text class="pay-hint-content {{ellipsis?'ellipsis':'unellipsis'}}" >1. 支付成功后,将会推送排队号;就诊当日可直接前往诊室等待叫号就诊,无需再现场缴费、排队。\n2. 已完成支付挂号费用的用户,原创 2021-11-17 10:46:40 · 1053 阅读 · 0 评论 -
【小程序】实现顶部选中效果
【小程序】实现顶部选中效果一、效果演示二、实现方法三级目录一、效果演示二、实现方法三级目录原创 2021-11-17 10:23:36 · 925 阅读 · 0 评论 -
小程序中align-items: center竖直方向居中失败解决办法
垂直居中失败现象可以看到我在CSS中设置了水平和垂直居中,但是显示出来并没有效果CSS中代码.Nav_text{ display: flex; align-items: center; justify-content: center;}原因/解决办法原因其实很简单,因为我这个文本是单独设置的,但是他没有设置高度,自然也就没法居中,现在我把它的高度大小设置同它的父容器一样高就行了CSS.Nav_text{ height: 100rpx; display: flex;原创 2021-11-12 15:56:27 · 2988 阅读 · 2 评论 -
小程序文章目录
一、笔记1.小程序开发基础知识012.微信小程序开发笔记02(WXSS和CSS样式美化)二、功能实现1.小程序登陆授权2.跳转其它小程序3.页面跳转携带数据原创 2021-11-12 09:27:43 · 652 阅读 · 0 评论 -
微型小程序页面跳转加携带数据
一、WXML中<view><navigator url="/pages/Signin/Signin" open-type="reLaunch">页面跳转</navigator><view bindtap="goOther" data-title="{{items}}">{{items}}</view></view>一、JS中 goOther(information){ console.log(informatio原创 2021-11-06 00:11:26 · 233 阅读 · 0 评论 -
微信小程序中打开其他小程序
微信小程序打开其他小程序一、wxml中定义触发事件<view bindtap="openOther">打开其它小程序</view>二、js中定义响应事件openOther(){ wx.navigateToMiniProgram({ appId: 'wx8ccde14015bcac03', //appaid是北京志愿云 你填你自己要跳转的小程序 }) }三、appId的获取1.找到一个小程序...原创 2021-11-06 00:02:05 · 540 阅读 · 0 评论 -
小程序授权登录最新解决方案
小程序授权登录最新解决方案一、在WXML中设置单击事件,也可以直接放在第一个页面的ONLOAND函数中,用户进入小程序后自动弹出二、在JS中设置Button的触发代码三、演示一、在WXML中设置单击事件,也可以直接放在第一个页面的ONLOAND函数中,用户进入小程序后自动弹出WXML中代码<view><view><text>显示信息:{{nickName}}</text></view><button bindtap="login"&原创 2021-11-04 09:48:22 · 608 阅读 · 0 评论 -
微信小程序开发笔记二(WXSS和CSS样式美化)
微信小程序开发笔记二(WXSS和CSS样式美化)一、CSS基本知识1.Class选择器的定义2.ID选择器的定义3.ID选择器和class选择器的区别4.CSS中设置颜色5.CSS中的文本5.CSS边框和边距1.padding页内边距2.border边框3.margin外边框3.圆角border-radius(百度)一、CSS基本知识1.Class选择器的定义在wxml里定义一个Class选择器<view class="yangshi">我是样式</view>2.在wx原创 2021-11-03 23:32:57 · 1106 阅读 · 0 评论