自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(54)
  • 资源 (6)
  • 收藏
  • 关注

转载 css3隐藏滚动条样式

在需要隐藏滚动条的div上追加一个hideScrollBar就可以了。

2022-07-24 09:45:18 578

转载 宝塔nginx添加反向代理配置文件代码

宝塔更新后,发现使用ui界面添加的反向代理,并不能实现反向代理,反而以前添加过的代理还可以使用,于是将以前的配置文件代码复制进去修改对应的地址和路径后,反向代理实现了。记录一下,留待备用。...

2022-07-23 08:36:53 690

转载 js判断手机是否是苹果

前端开发会遇到判断设备类型是否是苹果端,记录一下js代码

2022-07-22 07:28:49 1584 1

转载 css 增加一个模糊遮罩效果

css 增加一个模糊遮罩效果

2022-07-21 06:51:25 1516

转载 uniapp 小数点价格样式效果

uniapp小数点价格样式效果。

2022-07-20 07:18:17 556

转载 js暂停css动画

js实现css动画暂停

2022-07-19 14:07:33 719

原创 vue element 复选同步组件封装

使用<businessScope :value.sync="ruleForm.businessScopes"></businessScope>代码/*** @Author: [email protected]* @Name: businessScope* @Date: 2022-05-9* @Desc: select同步复选*/<template> <div> <!-- :value="businessScope"-.

2022-05-14 18:08:16 94

原创 uniapp checkbox的二次封装

使用<checkboxCom :value.sync="is_virtul"></checkboxCom>代码封装/*** @Author: [email protected]* @Name: checkboxCom* @Date: 2022-05-14* @Desc: checkbox封装同步选择*/<template> <view class="lbtk_gyf_main_money_material"> <checkbox-

2022-05-14 18:04:59 215

转载 uniapp swiper切换选择同步组件

使用<swiperChoose :list='list' :name.sync="data.event"></swiperChoose>组件代码/*** @Author: [email protected]* @Name: swiperChoose* @Date: 2022-05-14* @Desc: swiper同步选择*/<template> <view style="height: 250upx;"> <swiper st.

2022-05-14 18:01:52 262

转载 vue router根据权限菜单判断是否有权限访问

根据用户登录后返回的菜单列表,判断页面是否有权限访问。import Vue from 'vue'import Router from 'vue-router'import { Message } from 'element-ui'Vue.use(Router)function getMenu(id) { var list = JSON.parse(localStorage.getItem('menuList')) var isShow = false list.forEach((t

2022-05-14 17:59:08 863

转载 Mac下node多版本管理

##工具 n##安装npm install -g n##使用使用sudo 安装 nodejssudo n latest##切换node版本n

2022-01-07 08:47:09 245

转载 普通html 实现换肤

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Change backgrounIMG</title> <link href="css/default.css" rel="stylesheet" type="text/css" /> <link href="css/skin_0.css" rel="style

2022-01-07 08:44:44 375

转载 uniapp 单选组件

<template> <div class="tabs"> <div class="tab cur" :class="{active:active==index}" @click="getactive(index)" v-for="(item,index) in list" :key="index"> <div class="dian"></div><span>{{ item }}</span> &l.

2022-01-06 13:41:43 314

转载 uniapp 小程序 uview2.0封装携带cookies

// 此vm参数为页面的实例,可以通过它引用vuex中的变量module.exports = (vm) => { // 初始化请求配置 uni.$u.http.setConfig((config) => { /* config 为默认全局配置*/ config.baseURL = 'host'; /* 根域名 */ return config }) // 请求拦截 uni.$u.http.interceptors.request.use((config) => {

2022-01-06 13:40:19 1998

转载 uniapp 微信小程序 获取用户手机号码

<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取用户手机号</button><script> export default { data() { return { }; }, methods: { getPhoneNumber(e) {

2022-01-04 09:39:21 1174

转载 uniapp 微信小程序 获取登录code

login() { var that = this; uni.login({ provider: 'weixin', success: function(loginRes) { console.log(loginRes.code) that.code = loginRes

2022-01-04 09:38:23 1066

转载 js 让动画暂停

##html<img src="../images/tagbg.png" id="xuanzhuan" class="xuanzhuan tagbg" alt="">##jssetTimeout(() => {document.getElementById('xuanzhuan').style.animationPlayState = 'paused' }, 1000)##css.xuanzhuan { animation: rotate 5s

2021-12-25 07:51:33 1766

转载 css3隐藏滚动条

##chrome 和Safari.element::-webkit-scrollbar { width: 0 }##IE 10+.element { -ms-overflow-style: none; }##Firefox.element { overflow: -moz-scrollbars-none; }

2021-12-25 07:50:36 107

转载 moment怎么获取当前月份有多少天

##获取当前月份moment().daysInMonth();##获取指定年月console.log(moment("2022-01", "YYYY-MM").daysInMonth()) //31console.log(moment("2022-02", "YYYY-MM").daysInMonth()) //28

2021-12-08 22:02:25 6445

转载 css3 背景颜色渐变

width: 12px;height: 90px;background: linear-gradient(0deg, #F89B00 0%, #FFC547 100%);

2021-12-08 22:01:16 137

转载 Echarts 地图设置默认颜色

areaColor: '#00BCFF',itemStyle: { normal: { borderColor: 'rgba(13, 38, 77, 1)', borderWidth: 1, areaColor: '#00BCFF', }, emphasis: { areaColor: {

2021-12-01 20:46:10 7692

转载 Sketch打开XD文件方法

Sketch无法直接打开XD文件,需要通过即时设计将XD转为Sketch文件。即时设计登录即时设计,上传XD文件上传完成后,选择导出,可以看到导出Sketch导出就可以了。下载Sketch文件完成使用Sketch打开就可以了。...

2021-12-01 20:43:27 1983

转载 Echarts legend百分比计算

<template> <div class="echarts1" ref="echarts"> </div></template><script>import { FontChart } from '../../utils/utils'export default { name: 'echarts1', components: {}, props: { id: { type: String,

2021-11-30 10:35:03 675

转载 Echarts tooltip固定位置显示

positiontooltip: { show: true, position: ['10%', '10%'], formatter: '{b0}: {c0}辆<br />占比: {d0}%' },drawLine () { var that = this window.addEventListener('resize', this.drawLine) const myChart

2021-11-30 10:33:50 1501

转载 uniapp 设置缓存时间

function myCache(key, value, seconds = 3600 * 24) { let nowTime = Date.parse(new Date()) / 1000; if (key && value) { let expire = nowTime + Number(seconds); uni.setStorageSync(key,JSON.stringify(value) + '|' +expire) console.log('已经把' + ke.

2021-11-29 07:11:09 2740

转载 uView 2.0版本 http请求封装

config/config.js写入// 此vm参数为页面的实例,可以通过它引用vuex中的变量module.exports = (vm) => { // 初始化请求配置 uni.$u.http.setConfig((config) => { /* config 为默认全局配置*/ config.baseURL = ''; /* 根域名 */ return config }) // 请求拦截 uni.$u.http.interceptors.request.use((

2021-11-29 07:10:15 11920 5

转载 el-backtop 滚动到顶部

<div class="profiledetail scroll"> <el-backtop target='.profiledetail'></el-backtop> <headtop @baogao="baogao" @getdata="getdata"></headtop> <div class="socx"> <item> <wenti ref="wenti"

2021-11-28 19:40:15 231

转载 vue 路由返回上一页

##第一种methods:{ back(){ this.$router.go(-1);//返回上一层 },},##第二种@click="$router.back(-1)"

2021-11-28 19:39:26 624

转载 uniapp 获取推送cid

console.log(plus.push.getClientInfo().clientid) console.log('cid')

2021-11-27 18:59:43 1575

转载 Echarts x轴y轴添加单位字段

name: '万', nameTextStyle: { color: 'rgba(168, 230, 243, 1)', fontSize: 14, padding: [0, 0, 0, -40] },drawLine () { var that = this window.addEventListener('resize', this.drawLine) le...

2021-11-27 18:58:28 1677

转载 uniapp拨打电话

uni.makePhoneCall({ phoneNumber: '114' //仅为示例});

2021-11-26 16:46:30 189

转载 uniapp 设置缓存时间的方法

function myCache(key, value, seconds = 3600 * 24) { let nowTime = Date.parse(new Date()) / 1000; if (key && value) { let expire = nowTime + Number(seconds); uni.setStorageSync(key,JSON.stringify(value) + '|' +expire) console.log('已经把' + ke.

2021-11-26 16:45:00 3079

转载 Vuex 使用实例

main.jsimport Vue from 'vue'import App from './App.vue'import store from './store'Vue.config.productionTip = falsenew Vue({ store, render: h => h(App)}).$mount('#app')store/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.u

2021-11-21 08:58:26 82

转载 安装Vuex

安装vuex依赖包:npm install vuex --save导入vuex包import Vuex from 'vuex'Vue.use (Vuex)创建 store 对象const store = new Vuex.Store({// state 中存放的就是全局共享的数据state: { count:0 }})vuex实例挂载到vue对象上new Vue({ store, render: h => h(App)}).$mount("#

2021-11-21 08:57:06 153

转载 el-table 不触发指定列点击事件

避免el-table cell-click事件触发指定列```<el-table :data="tableData" stripe @cell-click="godetail" class="table"> <el-table-column prop="id" width="100" :column-key="0" label="编号"> &lt...

2021-11-18 17:50:33 1629

转载 npm install --save core-js/modules/es.regexp.dot-all.js

解决办法```cnpm i [email protected] --save```重新运行

2021-11-18 17:47:03 2140

转载 js结束setinterval

var id=window.setInterval(function(){ },1000);window.clearInterval(id);

2021-11-17 16:58:38 769

转载 js将数字分割成数组

```let sNumber = this.datas.toString() var data = [] for (var i = 0, len = sNumber.length; i < len; i += 1) { data.push(+sNumber.charAt(i)) }```

2021-11-17 16:57:28 2049

转载 js移出对象中的空字段

function toType (obj) { return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()}function filterNull (o) { for (var key in o) { if (o[key] === null || o[key] === '' || o[key] === undefined) { delete o[key] } if (toTy.

2021-11-15 08:11:34 284

转载 Vue js让指定div容器全屏

``` export default { name: 'top', components: {}, props: { id: { type: String, default () { return '' } } }, data () { return { time: moment().format('YYYY-MM-DD HH:mm:ss'), a: 0, } }, w...

2021-11-15 08:10:16 485

uniapp微信小程序使用Echarts组件

uniapp微信小程序使用Echarts组件,使用实例 <echarts class="uni-ec-canvas" ref="echarts2" :option="option" canvasId="echarts1" id='echarts2'></echarts>

2022-07-28

uniapp评论emoj.zip

uniapp评论

2022-01-08

liMarquee.zip vue无缝滚动插件

vue 滚动

2021-11-27

高德地图覆盖物轮播切换.zip

高德地图覆盖物轮播切换

2021-04-18

echarts map自定义图片.zip

echarts map自定义图片

2021-04-18

vueqiniu.zip

vue使用七牛云cdn进行文件加速实例

2021-04-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除