移动端
文章平均质量分 67
葉幺
实在 乐于研究
展开
-
微信小程序开发常用小功能
复制文本1、可以使用 text 进行复制,不过要加参数selectable=‘true’2、使用setClipboardData方法进行复制,唯一坑的是复制成功后会弹出“内容已复制”,不能自定义,自定义的话可以自己加wx.hideToast(),再添加弹窗自定义,确定是可能出现一闪wx.setClipboardData({ data: 复制内容, success: function ()...原创 2020-04-23 11:05:05 · 754 阅读 · 0 评论 -
uni-app 1、app-plus的使用,#ifdef MP只兼容小程序
最近开始查看uni-app的一些项目,在pages.json里面发现app-plus。百度了下看见一些网友的解释是app跟h5端执行,小程序则不执行(只测试过微信小程序,据说其他小程序也不执行)。代码如下{ "path": "pages/index/index", "style": { // #ifdef MP /* 微信小程序/支付宝小程序/百度小程序/头条...原创 2019-12-27 10:48:34 · 27080 阅读 · 2 评论 -
css 移动端常见的字体响应
html{ font-size:100px;padding:0;margin:0;}@media(max-width:540px){ html { font-size:84.375px; } } /*Android常用宽度*/@media(max-width:480px){ html { font-size:75px; } } /*Android常用宽度*/@media(max-width...原创 2019-07-02 16:14:29 · 1402 阅读 · 0 评论 -
jq判断是否点击返回,回到上一页
<script> window.addEventListener('pageshow', function (event) { if(event.persisted || window.performance && window.performance.navigation.type == 2){ // 返回2则是点击返回 ...转载 2019-07-03 11:58:19 · 2539 阅读 · 0 评论 -
uni-app 常用生命周期
onLoad() 获取路由传递的参数,参数类型为Object(用于页面传参)onShow() 页面显示时执行(无论是通过点击进来还是返回到这个页面都执行)onReady() 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发(官网中的介绍)onHide() 离开当前页面时执行的onUnload() 监听页面卸载(官网中的介绍)onResize() 窗...原创 2019-07-31 11:19:57 · 5495 阅读 · 0 评论 -
初用mescroll-uni
1、首先将到uni-app插件市场下载mescroll-uni https://ext.dcloud.net.cn/plugin?id=343或者去mescroll官网下载 http://www.mescroll.com/load.html?v=190725/2、将下载到的(mescroll-uni目录)复制到自己的项目中components目录下3、在页面中引入插件import Mesc...原创 2019-08-09 08:56:03 · 9203 阅读 · 2 评论 -
uni-app/微信小程序 @input 延迟500毫秒判断input内容是否持续输出
首先写入一个input和@input方法<input type="text" v-model="goodsName" @input="inputUp" placeholder="请输入商品名称大于4个汉字"">在data()中设置goodsNamedata() { return { goodsName:'', }}调用inputUp方法methods...原创 2019-09-04 11:52:52 · 6673 阅读 · 0 评论 -
pc端,移动端添加弹窗禁止body滚动
1.css.fixed{position: fixed;width:100%;} // 由于如果不填写宽100%;有些人的宽会变窄2.jsvar Top = null; // 设置Top为空$(".btn").click(function(){ // 点击弹出弹窗禁止body滚动 $(".rule_box").show() Top = $(window).scrollTop...原创 2019-10-11 15:47:14 · 378 阅读 · 0 评论 -
css object-fit实现图片居中垂直对齐不超过,不隐藏,等比缩放(实用)
效果图1、首先写下html <div class="CardNoBox"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559715393055&di=f746e03b7251ef347f7f785e8ccb9538&...原创 2019-06-05 11:38:50 · 765 阅读 · 0 评论 -
扒一扒安卓应用在各大主流市场上的上架整理
想要把APP上架到应用市场都要先注册开发者账号才可以,不管是IOS还是安卓都需要先注册开发者账号。**建议一个应用如果在多个应用市场上上传,为了方便你后期发包管理,建议登录名和密码尽量都保持一致,然后制作一张excel 表 记录这些账号信息,避免账号混乱。**另外注意:首次提交应用绝对不能随便删除,否则后面再提交会显示应用APP冲突,会要求走应用认领流程,那个时候就会相当麻烦啦。先整理安卓的各大...转载 2019-05-21 15:21:22 · 2114 阅读 · 0 评论 -
Taro安装步骤
Taro官网安装及使用:https://nervjs.github.io/taro/docs/GETTING-STARTED.html1、安装node2、安装镜像可以使用淘宝的镜像 https://npm.taobao.org/打开命令终端 npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装 Taro 开发工...原创 2018-11-23 14:45:29 · 4705 阅读 · 0 评论 -
Taro固定底部切换AtTabBar
首先引入taro-ui,加入标签AtTabBarimport Taro, { Component, Config } from '@tarojs/taro'import { View } from '@tarojs/components'import { AtTabBar } from 'taro-ui'import './index.scss'标题为:个人中心,显示下标为3conf...原创 2018-11-27 10:44:46 · 12124 阅读 · 6 评论 -
weui 搜索 weui-search-bar
效果图1、首先引入css跟js<link rel="stylesheet" type="text/css" href="lib/weui.min.css"><script src='js/jquery.min.js'></script><script src='lib/jquery-weui.min.js'></原创 2018-11-30 18:16:46 · 11520 阅读 · 0 评论 -
移动端调用照相和录像功能。之上传图片
<label>照相机</label> <input type="file" id='image' accept="image/*" capture='camera'> <br> <label>摄像机</label> <input type="fi原创 2018-12-13 11:46:27 · 773 阅读 · 0 评论 -
Taro下拉刷新,上拉加载更多
效果图:1、引入插件import Taro, { Component } from '@tarojs/taro'import { View, Text, ScrollView } from '@tarojs/components'import { AtActivityIndicator } from 'taro-ui'import './index.scss'2、render (...原创 2019-02-21 20:26:19 · 23311 阅读 · 17 评论 -
小程序中如何将View按照百分百比,实现等宽高效果
1,首先写出布局<View className='Box'> <View className='Box1'> <View className='Box2'></View> </View></View>2、写出样式.Box{display: flex;justify-content:space-between;...原创 2019-03-14 15:26:50 · 2507 阅读 · 1 评论 -
小程序超过部分隐藏,不起作用
遇到一个问题:小程序超过部分隐藏,不起作用,查了好多原因,最后发现不一定是英文才要给它强制换行,中文的情况也要css H5上可用,到微信小程序上就没用display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;最后改成这样才可以overflow:hidden; text...原创 2019-03-13 17:49:41 · 3732 阅读 · 0 评论 -
img 显示固定部分,超过部分隐藏,不压缩,不变形
不知大家在做前端页面的时候,有没有遇到类似这样的问题:有一个不是正方形的图片,可能是宽度大于高度的,也可能是高度大于宽度的,而你又并不想用背景图的方式来做,要实现用img标签来让此图片显示出一个正方形的且不变形的效果。即如下图:只显示图片中间部分(红框部分)下面我们便来简单讨论如何实现让长方形图片显示出正方形的效果,首先我们本次讨论中用到的两张图片的原图就是上面的两张图片(一张宽度大于高度,另...转载 2019-03-19 11:10:44 · 21169 阅读 · 2 评论 -
微信小程序选择日期时input弹出软键盘
在微信小程序中使用input框选择日历时在手机上回自主的弹出软键盘解决办法就是:将input框设置为禁止点击状态disabled=‘disabled’。提示如果设置为只读会不起作用...原创 2019-04-08 15:25:29 · 3576 阅读 · 0 评论 -
Taro引入阿里图标
首先进阿里图标下载项目至本地下载完解压缩打开后将以下文件复制出来这边我在src下新建一个fonts目录,将上面复制下来的五个文件放到里面(目录名可以自己命名,或者放在其他目录下)返回到上级也就是src目录下打开app.tsx(或app.js)文件引入 import ‘./fonts/iconfont.css’以上就引用完icon,接下来我们来试试效果,在页面中写上以下内...原创 2019-05-20 15:40:16 · 4274 阅读 · 3 评论 -
window获取证书文件
1、下载前往官网下载App Uploader2、下载完软件 双击appuploader.exe3、输入苹果账号密码4、主页显示5、点击证书6、点击添加证书7、下载证书请看第五步...原创 2019-05-10 17:08:40 · 898 阅读 · 0 评论 -
swiper4 移动端导航切换(可滑动)
首先导入 <link rel="stylesheet" href="css/swiper.min.css"><script src="js/jquery-1.10.1.min.js"></script><script src="js/swiper.min.js"></script&g原创 2018-08-20 17:05:46 · 12868 阅读 · 5 评论