element-plus修改主题色
先安装 vite 构建工具# 先安装 vite 构建工具npm install -g create-vite-app
创建项目：# 下面两个命令都可以create-vite-app vue3-democva vue3-demo
按照官网修改主题色官网我选择的是通过 scss 修改主题色例子参照：element-plus-vite-starter
创建 index.scss 文件# ./styles/element/index.scss$--colors: ( "primary": ( "base": #ee4444, ), "success": ( "base": #21ba45, ), "warning": ( "base": #f2711c, ), "danger": ( "base": #db2828, ), "error": ( "base ...
vue3 使用 百度地图
Vue3 使用 百度地图的报错的问题vue3 项目中使用百度地图总是报错 BMap is not defined.
public/index.html 中加入<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的ak"></script>
.eslintrc.js 中加入module.exports = { ..., globals: { BMap: true }}
vue.config.js 中加入module.exports = { ..., configureWebpack: { externals: { "BMap": "BMap" } }}
重新运行项目在组件中添加 import BMap from ‘ ...
swiper在loop模式下获取当前下标
前言
项目需要根据轮播来改变对应背景和文字，所以需要获取当前轮播的下标。轮播是 水平卡片式轮播，教程在前文 vue 水平卡片式轮播
loop 下 swiper6 获取当前轮播下标
获取下标方式： this.activeIndex % length// 当前下标除以数组长度取余
代码示例：new Swiper(".swiper3", { direction: "horizontal", //滑动方向，可设置水平(horizontal)或垂直(vertical)。 loop: true, // 设置为true 则开启loop模式 slidesPerView: "auto", // 设置slider容器能够同时显示的slides数量(carousel模式)。类型：number or auto centeredSlides: true, // 设定为true时，active slide会居中，而不是默认状态下的居左。 spaceBetween: 20, // 在slide之间设置距离（单位px）。 autop ...
语雀测试文章
外挂标签测试人间废鱼
外链引入图片测试
vue相关问题合集
vue2 和 vue3 router 更改 hash 模式前言项目部署到线上之后，发现刷新页面之后会 404，所以我们需要将 router 的模式从 history 换成 hash
项目采用了 vue3+ts 框架
vue2historyconst router = new VueRouter({ mode: 'history', routes: [...]})
hashconst router = new VueRouter({ mode: 'hash', //或者把这句话注释，默认就是hash routes: [...]})
vue3history// 引入 createWebHistoryimport { createRouter, createWebHistory } from "vue-router";const router = createRouter({ history: createWebHistory(process. ...
Hexo 叨叨点啥图床改为SM.MS
简介
按照叨叨点啥教程设置使用 7bu 图床，我上传图片的时候很多图片上传不成功所以我就自己修改图床
本文中使用 SM.MS 图床
叨叨点啥教程地址叨叨点啥教程
教程先注册 SM.MS 账号修改 ios 图床地址
把 7bu 图床的地址换成 SM.MS 的上传地址
修改请求头和参数
请求头添加 Authorization 后面文本粘贴你的 SM.MS token 值
请求体改为 smfile改如下图圈起来的地方
修改匹配正则表达式
原匹配参数 (?<=”url”:”).*(?=”/},)
改为 (?<=”url”:”).+?(?=”,”)如下图所示
修改完成 可以上传图片了
vue水平卡片式轮播
vue 水平卡片式轮播基于 vue3 + ts 开发的
项目需要完成如上图的轮播，这是水平卡片式轮播。我的项目是基于 vue3+ts 开发的，我使用 swiper 来完成该轮播开发。具体代码如下文
首先安装 swipernpm install swiper --save// oryarn add swiper
html 代码<template> <div> <div class="examples"> <div class="bannerBox"> <div class="swiper-container swiper3"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) ...