- 博客(35)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Vscode i18n-ally配置
vscode扩展里搜索 i18n Ally 和 Vue i18n 下载。页面上也会显示多语言，点击就会显示对应的多语言翻译。配置成功后,vscode活动栏会显示。打开 settings.json。配置 i18n Ally。
2023-06-06 16:43:33
2461
4
原创 vue 移动端监听页面滚动及跳转后返回原页面位置
百度了很多，但都是电脑端能用，手机端一点反应都没有。比如window.addEventListener....;document.documentElement.scrollTop....;等等，试了各种，就是不管用，终于找到了一个有用的。。。正解：！！！！！最外层盒子 绑定touchmove // 父盒子 -----最大的盒子<div @touchmove="handleTouchMove"> </div>js部分： mou..
2022-04-22 15:24:11
2614
原创 uniapp 打包安卓定位失败 高德key错误
用uniapp 接高德地图，打包安卓时，报上图错误，KEY错误，检查key等配置是否正确。首先，高德申请key注意：1、包名 ———— 百度的时候，看到有说 不要用 uni.xxx （就是uniapp 打包时自动生成的包名），也不知道这个跟错误有没有关系，就没用这个，自己写了符合规则的包名，打包时换上这个就行。2、sha1 值，是用 keytool 工具生成的，生成之后会有一个 .keystore证书文件，还有别名 密码都要记住，打包时用 。 生成的 sha1 值 放在对应...
2021-12-23 16:01:50
3784
原创 uniapp 接入手机日历
uniapp 项目要求接手机日历，获取日历授权，DCloud插件市场 App权限判断和提示 地址：App权限判断和提示 - DCloud 插件市场 App平台https://ext.dcloud.net.cn/plugin?id=594根据上面的步骤 按需引入即可，在此不做过多说明。页面上 app 启动就调授权，在App.vue 里： onShow: function() { // #ifdef APP-PLUS let that = this; th..
2021-11-23 11:36:16
2711
21
原创 uniapp 导航栏自定义图标
导航栏右上角的图标 自定义一、阿里图标库找到需要的图标 加入购物车二、打开购物车 下载代码到项目里 static 文件夹下三、下载完成后，有一些文件四、page.jsontitleNView中 fontSrc 是上面下载文件中 后缀 ttf 图片的本地路径，text 是 .json 文件中的unicode ，格式改为 ‘\u’ 加上unicode 的值{ "path": "pages/index/value", "style...
2021-11-10 13:12:25
2264
原创 vue axios 封装
src 里面新建 api 文件夹，里面新建 三个文件1.request.js封装的axiosimport axios from 'axios'import { message } from 'ant-design-vue'import store from '@/store'import router from '@/router'const service = axios.create({ baseURL: '接口地址', // url = base api url
2021-10-29 14:58:42
159
原创 ant vue pro 实战之 eslint
如图报错， 把vue.config.js的 “lintOnSave” 的值 改为 “false” 重新运行或者：.eslintrc.js搜 vue/max-attributes-per-line ，单行数量增加就行，eslint 的问题就是强制每行的最大属性数，超过了就报错了，加数量就行了...
2021-10-23 16:31:35
257
原创 Ant design Pro of vue 实战 之 静态路由
项目中 路由只有一个根目录，没有二级菜单，先本地改一下。如图，只有根目录，而下载的demo，每个都有二级甚至三级菜单，要手动改一下。src\config\router.config.js因为没有小图标，所以把 icon 也去掉了src\mock\services\user.js以其中一个为例 修改 ...
2021-10-23 14:54:45
881
原创 Base64 加密、解密算法封装
以uniapp为例，新建一个JS文件，暂且命名为 code.js//加密、解密算法封装：function Base64() { // private property let _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding this.encode = function(input) { var output = "...
2021-08-23 11:43:51
255
5
原创 Ant design Pro of vue 实战一
一、进首页最右边的设置去掉src\layouts\BasicLayout.vue把这三个地方去掉，就没有设置了二、改主题色菜单选中的背景色src\config\defaultSettings.js改成需要的色值就行了三、窗口title名称和logosrc\config\defaultSettings.js下面的这个title也会变窗口logopublic\index.html四、菜单路由页和logo...
2021-08-17 16:44:55
726
1
原创 Ant design pro of vue 中文设置
从github上下拉的代码是英文的，要变成中文，步骤如下：一、src\locales\index.js把 en-US 改成 zh-CN// default langimport zhCN from './lang/zh-CN'Vue.use(VueI18n)export const defaultLang = 'zh-CN'const messages = { 'zh-CN': { ...zhCN }}二、src\core\bootstrap.js同上.
2021-08-05 10:58:41
436
原创 uniapp base64加密
项目目录下 新建公共方法文件夹 建 js方法文件js 方法内容：//加密、解密算法封装：function Base64() { // private property let _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding this.encode = function(input) { var outpu...
2021-07-19 10:01:07
4816
10
转载 vue el-table 添加行手动填写数据
如图 点击添加行 就会出现table表中 空白的一行 让使用者自行填写页面： <el-button type="primary" class="add-btn" @click="addDemo" >添加行</el-button > <el-table :data="tableData" size="mini" stripe highlight-current-row ...
2021-07-09 09:26:35
4128
原创 vue-amap 使用高德原生JS API 绘制多边形 polygon
根据填写的经纬度显示成一片区域，那就是高德矢量图形的 api 咯，效果如图所示，为了测试随便写的经纬度，形状有点奇怪，嘻嘻~~~~多边形 折线 圆形 什么的 都可以。按需看高德api 即可 传送门：https://lbs.amap.com/api/javascript-api/guide/overlays/vector-overlay#polygon一、首先要有地图丫~ 用了 vue-amap ，它的官网有时候能打开 有时候打不开，看运气吧https://elemefe.githu...
2021-07-08 17:25:36
3357
1
转载 vue 拖拽排序 draggable
Sortable.js 的 vue 组件安装npm i -S vuedraggable页面 js：import draggable from "vuedraggable"components: { draggable },页面 html ： <draggable class="syllable_ul" style="padding-left: 0; marg.
2021-07-08 17:24:44
417
转载 Treeselect unknown
一种是初始加载的时候 unknown ，比如新建的时候，需要走接口获取 treeselect 中的数据，下拉框会显示unknowndata里面 与之相关联的变量设为 null ,. 比如 我用 type 关联，那么data中的type 为：type:null,第二种是 有值 后面还有unknown，比如编辑的时候，从接口获取到了type的值，由于这种下拉选择是根据key来选择的，这里用 id 作为 key, 也就是从接口中获取到的 type 是 treeselect 中的某条数据的 id, 需...
2021-07-08 17:24:01
1743
转载 elementui table checkBox 多选 回显之前选择的内容
elementui table checkBox 多选表格 从列表进详情，看到该条信息之前选择的几项数据info() { // 这个是获取详情数据的接口 var a; this.get("/business/label/" + this.id).then((res) => { console.log(res); if (res.code == 200) { // 上图右边的数据列表 ...
2021-07-08 17:21:54
404
原创 element-ui table表格 表头图片
eleui 的el-table 表头有这种图片： <el-table-column width="100" :render-header="renderHeader" > </el-table-column>重点是 renderHeader在 methods 里写方法 methods: { renderHeader(h) { return ( <img src="xxxx"...
2021-07-08 17:20:10
362
原创 vue-element-admin 初体验（二）图片上传 以及 标准时间转成时间戳
一、 图片上传其实 EleUI 有现成的上传图片 / 头像 ，自己用还是要改一下。<el-upload class="avatar-uploader" action="uploadData" :http-request="UploadImage" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> <img v-if="i...
2021-07-08 17:16:30
495
原创 uniapp 圆环图 一个页面两个图表 图表不显示
项目中 一个页面 tab切换 两张ucharts图表显示隐藏 图 1 图2点击ucharts1 显示图1 点击ucharts2 显示图2 ucharts1 显示 图1 的代码：template：...
2021-07-08 17:11:11
1538
原创 uniapp 上传图片及base64图片上传
普通的上传图片<image :src="hear" class="img"></image><view @click="change"></view>change: function() { var url = this.Url; uni.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album'], succe.
2021-07-08 17:07:40
5670
原创 Typescript
是obj 定义的类型问题，要么any类型，要么更明确的类型；把 obj 的类型换成 any 就不报错了 let obj:any ={ content:conStr};或者const obj: { [k: string]: string | number | boolean } = {};
2021-07-08 16:10:16
43
原创 微信小程序选择内容显示相应内容
微信小程序中，经常可见选择地区或者商品分类或者其他的分类，选择后显示，选择后删除先介绍一下主要功能：点击 ‘地区’ ,下面选择区域出现，点击 ‘选择地区’ 中的按钮，上面 ‘已选地区’ 显示选择的地区，点击 ‘x’ 已选的地区就取消，点击 “完成” 整个选择区域隐藏，只留下地区。整体样式用的弹性布局，就不细说了。wxml：<view class="container"> <text bindtap="show" class="color">地区</tex
2021-07-08 15:49:29
1952
原创 uniapp 手机端搜索框
uniapp 手机端的类似商城的搜索框，输入关键字 点击手机键盘确定键 显示包含关键字的内容<input class="shuru" type="search" :placeholder="搜索" v-model="text" @change="cs()"/>cs:function(){ var data ={ text:this.text, //后台对接口要传的其他数据 } uni.showLoading({ title:
2021-07-08 15:44:23
1562
原创 uniapp 手动复制地址自动出现对方昵称
template中<view class="flex"> <text>{{i18n.AccountToBeCredited}}</text> <input :placeholder="$t(i18n.PleaseFillInYourSalletAddress)" v-model="address" @input="tuchOtherNickname"/></view><view class="flex"> <te
2021-07-08 15:42:46
269
原创 uniapp 扫码转账自动识别对方昵称
最近用uniapp 做了一个手机端项目，作为一个没有接触过uniapp的程小白，客户催得紧，慌得一批，还好有大佬罩着，指点迷津。下面给大家附上代码，如果有大佬看到 觉得不妥或者有更好的方法，可以指出 <view class="account-setting-input xst-flex"> <text>{{i18n.AccountToBeCredited}}</text> // 这是 i18n 多语言 <input :placeholder="
2021-07-08 15:40:25
176
空空如也
Vue3 怎么控制axios拦截器内的EILoading啊
2022-07-02
Vue3使用swiper 的 coverfloweffect 没有效果是为啥啊
2022-04-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人