随笔分类 -  移动页面

vue移动端vant搜索组件中自定义按钮无法显示搜索文字，显示的是取消
摘要：原版 <van-search v-model="value" show-action label="地址" placeholder="请输入搜索关键词" @search="onSearch"> <template #action> <div @click="onSearch">搜索</div> </ 阅读全文
posted @ 2022-08-23 10:56 雪莉06 阅读(413) 评论(0) 推荐(0) 编辑
手机端font-size:31.25vw原理
摘要：移动端布局一般使用： 方法一：媒体查询 + rem + 弹性盒子布局 方法二：vw + rem + 弹性盒子布局 这里说一下vw原理： vw它是根据可视区的宽度来计算的 如果是10vw，就是当前移动设备(浏览器)宽度的十分之一大小 vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%） html 阅读全文
posted @ 2022-08-11 17:49 雪莉06 阅读(176) 评论(0) 推荐(0) 编辑
vue-cli构建vue项目
摘要：参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布 1.Node.js安装 https://nodejs.org/en/download/ 2.安装vue-cli npm install -g vue-cli 3.使用vue-cli初始化项目 （图片来源网络，侵删） 4、进到目录 cd my 阅读全文
posted @ 2017-07-26 10:43 雪莉06 阅读(153) 评论(0) 推荐(0) 编辑
css height:100%失效
摘要：有时做移动端页面时，需要用到height：100%来控制，但是设置完后会发现，用百分比的高是不生效的。 经过上网浏览等查阅资料得知，是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html，加上height:100%；就可以了。下面看代码。 这样问题就解决了，如果div层级比较深 阅读全文
posted @ 2016-09-02 14:39 雪莉06 阅读(203) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示