ฅ˙-˙ฅ - 博客园

2020年8月18日

摘要：小程序项目中有时候需要根据“手机信息”和“分享胶囊按钮”的信息，来设置页面元素；比如，自定义导航栏，要根据手机的状态栏和胶囊按钮height、top来设置自定义导航栏；获取方法如下：在app.vue中获取存入store中 <script> export default { methods: { 阅读全文

posted @ 2020-08-18 17:26 ฅ˙-˙ฅ 阅读(1473) 评论(0) 推荐(0) 编辑

uniapp map地图拖动页面后点击按钮返回当前位置

摘要：方法一：通过controls实现使用controls在地图上显示一个btn图标，点击时调用接口回到当前位置： <template> <view> <map id="around-food-map" style="width: 100vw; height: 100vh;" :latitude="la 阅读全文

posted @ 2020-08-18 16:17 ฅ˙-˙ฅ 阅读(2633) 评论(0) 推荐(0) 编辑

uni-app获取位置经纬度并定位到当前位置

摘要： uni-app使用map组件定位到当前位置并进行标注 manifest.json添加如下内容：需要定位的页面 <template> <view> <map style="width: 100vw; height: 100vh;" :latitude="latitude" :longitude="l 阅读全文

posted @ 2020-08-18 15:54 ฅ˙-˙ฅ 阅读(4036) 评论(0) 推荐(1) 编辑

2020年8月17日

uni-app使用自定义字体

摘要：步骤如下： 1. 将字体转换成base64格式 base64格式转换链接 2. 将base64写入custom-font.css文件中：红框部分为从网页复制的base64，其他部分手写 3. 引入自定义子提文件custom-font.css @import "~@/styles/custom-fo 阅读全文

posted @ 2020-08-17 16:17 ฅ˙-˙ฅ 阅读(852) 评论(0) 推荐(0) 编辑

uni-app使用iconfont彩色图标

摘要：步骤如下： 1. 将自己图标库项目下载到本地并解压 2. 安装iconfont-tools npm install -g iconfont-tools 3. 在步骤2解压的文件中执行命令行 iconfont-tools 一路回车操作目录里多了一个文件夹iconfont-weapp 4. 进入ic 阅读全文

posted @ 2020-08-17 15:36 ฅ˙-˙ฅ 阅读(991) 评论(0) 推荐(0) 编辑

uni-app使用iconfont字体库

摘要： 1. 将自己图标库项目下载到本地并解压 2. 复制iconfont.css到自己项目中（其他文件不需要）并更改其内容（删除原文件中红框部分）删除后内容如下： 3. 引入并使用 main.js中引入iconfont图标： import "./styles/iconfont/iconfont.css" 阅读全文

posted @ 2020-08-17 14:59 ฅ˙-˙ฅ 阅读(163) 评论(0) 推荐(0) 编辑

2020年7月6日

vue+iview+less实现主题切换功能

摘要： 1. 切换主题，为body添加不同类名 <template> <div> <Select v-model="theme" @on-change="changeTheme"> <Option v-for="item in themes" :value="item.value" :key="item.v 阅读全文

posted @ 2020-07-06 17:48 ฅ˙-˙ฅ 阅读(853) 评论(0) 推荐(0) 编辑

使用Vue.extend解决iview Select多选时不可清除全部选项的问题

该文被密码保护。阅读全文

posted @ 2020-07-06 09:57 ฅ˙-˙ฅ 阅读(1) 评论(0) 推荐(0) 编辑

2020年6月18日

ivew table组件二次封装，解决slot-scope跨组件传递的问题

摘要： 1. 需求 iview Table组件支持自定义列模板 <template> <Table :columns="columns" :data="tableData"> <template slot-scope="{ row }" slot="name"> <strong>{{ row.name }} 阅读全文

posted @ 2020-06-18 17:30 ฅ˙-˙ฅ 阅读(2165) 评论(1) 推荐(1) 编辑

2020年5月9日

vue-cli3使用less全局变量，不用每个组件引入less文件（亲测有效）

摘要：问题：在global.less文件中定义一些全局使用的less变量；结果组件使用这些全局变量时，都要引入该文件,否则报错解决方法和步骤 1. 安装style resources loader 2. 在vue.config.js中进行配置阅读全文

posted @ 2020-05-09 18:39 ฅ˙-˙ฅ 阅读(1791) 评论(0) 推荐(0) 编辑