前端资源网 - w3h5

Deshun 发布于 4年前 (2019-12-28) 2733℃ 评论(0) 赞 (2)

Vue分享功能实现，判断不同手机、浏览器及微信内核，展示对应内容。HTML：<img :src="shareImg" alt="" width="100%" height="auto">JavaScript：data(){   return{...

标签： vue  /  前端框架  /  vue判断浏览器内核  /  浏览器内核  /  微信内核  /  浏览器内核检测  /  vue分享

Deshun 发布于 4年前 (2019-12-26) 7871℃ 评论(0) 赞 (2)

Antd Design Vue 官方说明，DatePicker、MonthPicker、RangePicker、WeekPicker 等插件的部分 locale 是从 value 中读取，目前的默认文案是英文，如果需要使用其他语言，需要通过下面的方案正确设置 moment 的 locale。官方文档推荐在入口文件（main.js）全局设置 locale ：import moment&nb...

标签： vue  /  antd 国际化  /  antd组件英文  /  antd组件汉化  /  antd日期组件

Deshun 发布于 4年前 (2019-12-22) 4673℃ 评论(0) 赞 (8)

我们在使用 Vue 的开发新项目的时候，会发现 Vue 给 <style> 标签添加了一个 scoped 属性。什么是 scopedscoped 属性是 HTML5 中的新属性，是一个布尔属性，如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。Vue 的转译Vue 中 scoped 属性的效果主要是通过 PostCss 实现的。转译前的代码：<tem...

标签： vue  /  vue样式修改不了  /  vue组件样式  /  scoped  /  scoped不能修改样式  /  样式

Deshun 发布于 4年前 (2019-12-21) 4053℃ 评论(0) 赞 (1)

使用 Ant Design for Vue 的 Menu 组件，引入并注册了，发现点击的时候，下拉菜单样式无法正常显示，控制台报错 TypeError: Cannot read property 'propsData' of undefined 。解决方法：引入 Menu 组件：import { Menu } from&n...

标签： vue  /  前端框架  /  antd  /  Ant Design for Vue  /  antd Menu  /  antd Menu报错

Deshun 发布于 4年前 (2019-12-18) 6196℃ 评论(0) 赞 (1)

Ant Design 的 Input 输入框组件在获取焦点时会有蓝色的边框，尝试用 outline:none 去掉这个边框，但是发现不管用。最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。解决方法：通过CSS样式覆盖原始效果.ant-input:focus {    ...

标签： antd  /  vue  /  input组件  /  input聚焦边框  /  outline  /  聚焦光效

Deshun 发布于 4年前 (2019-12-15) 2303℃ 评论(0) 赞 (0)

翼支付APP岁末狂欢 五折立减活动时间：2019年12月15日6:00—23:00翼支付是中国电信出品的一款可以充值话费、便民缴费，和商城支付的一个支付平台，安全可靠。首先点击“我的”—“任务中心”，领取任务。完成任务后返回，一般可以领5元话费或者缴费代金券。1、打开APP，首页点击“手机充值”，会弹出5元优惠券，点击领取，充值30元立减5元。2、APP 首页中间位置 banner 广告图“岁末狂...

标签： 京东秒杀  /  京东优惠  /  京东全品券  /  优惠活动  /  活动线报  /  京东优惠券

Deshun 发布于 4年前 (2019-12-13) 3366℃ 评论(0) 赞 (0)

在一个移动端项目中，有一个需求，在未输入内容时点击返回（包括安卓、iOS等终端设备的物理返回按钮），弹窗提示，并且阻止返回上一个页面。比较反人类的一种操作，不过只要能想到的就没有代码做不到的，在网上找到一个解决方案：mounted() {   // 按需使用：在页面一进来的时候，添加一个历史记录   window.history.pu...

标签： vue  /  h5阻止返回  /  移动端阻止返回  /  阻止返回按钮  /  返回刷新页面  /  返回跳转

Deshun 发布于 4年前 (2019-12-10) 1780℃ 评论(0) 赞 (0)

项目在使用饿了么前端团队的 Mint UI 库的 Picker 和 Datetime picker 组件，iOS系统访问时会出现滑动穿透的现象。主要表现在用手指在弹出层触摸滑动时，页面也跟着滚动，严重影响体验。解决方法：1、由于 Picker 组件的滚动是用 touch 事件 + translate 实现的，所以我们可以在 Picker 弹层出现的时候禁止页面的默认滚动机制，Picker 弹层消失...

标签： Mint  /  饿了么  /  Mint UI  /  Mint坑  /  Vue  /  picker滑动  /  picker穿透  /  picker滚动