随笔分类 -  Vue

摘要:template <uni-forms-item label="验证码" name="code" style="position: relative;"> <input maxlength="6" type="number" placeholder="请输入验证码" v-model="formDat 阅读全文
posted @ 2023-01-09 10:39 fnasklf 阅读(241) 评论(0) 推荐(0) 编辑
摘要:安装 npm install postcss-px-to-viewport --save-dev 在vue中使用 根目录新建postcss.config.js文件 输入以下代码 module.exports = { plugins: { 'postcss-px-to-viewport': { uni 阅读全文
posted @ 2022-11-30 17:26 fnasklf 阅读(453) 评论(0) 推荐(0) 编辑
摘要:1、安装配置插件 pinyin-pro官网网址: pinyin-pro - npm (npmjs.com) npm 安装 npm install pinyin-pro 项目中引入 import { pinyin } from 'pinyin-pro'; 2.编写工具类方法 定义三个变量: // 双向 阅读全文
posted @ 2022-11-22 16:48 fnasklf 阅读(423) 评论(0) 推荐(0) 编辑
摘要:使用echarts实现简单的地图标注效果 - 掘金 (juejin.cn) 阅读全文
posted @ 2022-11-07 18:49 fnasklf 阅读(295) 评论(0) 推荐(0) 编辑
摘要:<svg class="svg" width="100%" height="80"> <defs> <path id="box1" :d="lineLeftData" fill="transparent"></path> <!-- <path id="box1" d="M 0, 57 L 630,5 阅读全文
posted @ 2022-11-04 16:21 fnasklf 阅读(947) 评论(0) 推荐(0) 编辑
摘要:效果: 实现代码: <template> <view class="content"> <view class="left"> <scroll-view class="left-scroll" scroll-y> <!-- 左侧列表点击事件可简写 --> <!-- @click="current=i 阅读全文
posted @ 2022-09-25 15:01 fnasklf 阅读(85) 评论(0) 推荐(0) 编辑
摘要:实现效果: 封装的组件: <template> <view class="page-container-titleNav"> <view class="content"> <view class="left"> <text>{{title}}</text> <text class="circle"> 阅读全文
posted @ 2022-09-25 10:17 fnasklf 阅读(56) 评论(0) 推荐(0) 编辑
摘要:效果: 代码: 效果: 代码: <template> <view class="content"> <u-navbar :is-back="false" title="" class="title"> <view :class="{ 'title-active': Number(index) Num 阅读全文
posted @ 2022-09-23 16:23 fnasklf 阅读(163) 评论(0) 推荐(0) 编辑
摘要:横向拖拽滚动 自定义v-drag指令(横向拖拽滚动)_aら 淼的博客-CSDN博客 vue 有滚动条 点击拖拽滑动自定义指令_高先生的猫的博客-CSDN博客_vue自定义指令滑动 父子组件index与row index挂载flowDragY,只支持垂直滚动 row挂载flowDragX,鼠标水平移动 阅读全文
posted @ 2022-09-08 15:30 fnasklf 阅读(1067) 评论(0) 推荐(0) 编辑
摘要:输入项目名teset2 自定义安装 选择所需要的包 选择vue版本 选择路由类型,是否选用历史路由(默认hash路由 选择scss 选择标准版eslint 保存时检查eslint(另一个是退出时检查 将babel,eslint配置文件放在package.json文件或者独立文件中 是否将当前的配置版 阅读全文
posted @ 2022-08-22 16:03 fnasklf 阅读(17) 评论(0) 推荐(0) 编辑
摘要:1、node 版本、node-sass 版本及 sass-loader 版本查看: 其一、我的 node 版本查看:在命令行输入查询命令:node -v我的 node 版本为:v14.19.0其二、我的 node-sass 版本查看:"node-sass": "^4.14.1" 其三、我的 sass 阅读全文
posted @ 2022-08-18 11:22 fnasklf 阅读(2477) 评论(0) 推荐(0) 编辑
摘要:<input type="password" v-model="formData.password" class="l_input" placeholder="请输入密码" @keyup.enter="loginHandle" /> 阅读全文
posted @ 2022-08-18 08:41 fnasklf 阅读(204) 评论(0) 推荐(0) 编辑

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