uni-app
何人陪我共长生
这个作者很懒,什么都没留下…
展开
-
处理微信小程序input框将页面往上推动
1. view<view class="bottom-wri-box" :style="{bottom: bottomHeight}"> <image @tap="changeChander" class="left-cont-icon" :src="imageUrl+'/huifu-icon.png'"></image> <input :adjust-position="flasFlag" @confirm="AddSendMess" class=原创 2021-04-12 22:27:52 · 1633 阅读 · 0 评论 -
小程序生命周期详解
onLoad(option){ console.log("onLoad",option); //主要用于上一个页面传递过来的参数},onShow(){ 切入前台触发,用我的话来讲就是这个页面出现一次, 他就被调用一次包括你【前进】和【后退】到这个页面。},onReady: (){ 首次显示页面,页面初次渲染完成,会触发onReady方法, 渲染页面元素和样式,一个页面只会调用一次, 代表页面已经准备妥当,可以和视图层进行交互.原创 2021-03-22 20:12:38 · 74 阅读 · 0 评论 -
去除小程序scroll-view产生的横向滚动条
<template> <view class="page-demo"> <scroll-view class="scrool-more" scroll-x="true" scroll-with-animation="true"> <text class="label-name" v-for="(item,index) in listTypecont" :key="index"> {{item.name }} </text&g原创 2021-03-21 17:48:05 · 405 阅读 · 0 评论 -
页面滚动,按钮在最底部,同时去除垂直滚动条
效果图<template> <view class="page-demo"> <view class="srcool-box"> <scroll-view scroll-y="true" class="cont-scrool"> <view class="demo-height" v-for="(item,index) in listTypecont" :key="index"> {{ item.n原创 2021-03-21 17:04:58 · 155 阅读 · 0 评论 -
小程序内容区域滚动按钮在最底部
1.场景描述有些时候,我们在做列表页的时候,上面部分的的内容区域可以滚动,底部的按钮区域固定在最顶部;所以按钮肯定是固定定位的哈;<template> <view class="page-demo"> <view class="srcool-box"> <scroll-view scroll-y="true" class="cont-scrool"> <view class="demo-height" v原创 2021-03-21 16:24:14 · 471 阅读 · 0 评论 -
去除小程序页面产生的滚动条
5.去除小程序页面产生的滚动条... 最关键的css 2+4=6....page-demo{ height: 100vh; overflow-y: auto;}::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none;} <template> <view class="page-demo"> <view class="height1">1&l原创 2021-03-21 15:45:40 · 582 阅读 · 0 评论 -
小程序的登录流程详细讲解,获取code、reqId、当前登录人信息、手机号
1. 微信小程序的登录流程 appid1==> 需要appid,当你开发一个小程序的时候,都会有一个appid,每一个小程序对应一个appid;所以这个appid是前端是可以获取的哈;2. 如何获取code,code是由时效的哈,需要注意一下code的时效有5分钟,在用户点击登录授权的时候,通过回调函数来解决。还有一种方式:在点击按钮的时候,调用uni.login({ })在成功函数去获取用户的基本信息uni.login({ success(res) { c原创 2021-03-19 23:16:51 · 2109 阅读 · 0 评论