uuai-CSDN博客

使用el-menu路由不调转 <el-menu active-text-color="#ffd04b" background-color="#545c64" text-color="#fff" class="el-menu-verticaldemo layout-menu" :collapse="isCollapse"

2022-05-20 23:13:06 2282 1

html图片热区map、area的使用在项目中需要点击图片某个位置，然后变换不同的颜色。之前听说dw可以通过拖拽实现，也可以通用canvas画布实现，但是太麻烦了而map的area可以定义一个坐标位置然后点击处理，因为在项目中只是需要变换所点击的不规则区域的位置，然后进行图片切换就可以，可以使用css定位然后禁止area的跳转即可<area> 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域

2021-06-23 14:37:32 1094 1

原创 vue+axios+element 图片上传

vue+axios+element 图片上传默认使用element的el-uploadaction传入上传图片的的后台路径，data传入所需的额外参数<template> <el-upload class="upload-demo" drag :action="uploadUrl" ...

2020-04-03 14:43:26 1323

原创微信小程序--开卡组件

微信小程序–开卡组件查看具体参数配置navigator组件的 extra-data 属性 encrypt_card_id ， outer_str ，biz具体文档：微信小程序–会员卡组件使用 navigator组件<navigator bindcomplete="bindcomplete" target="miniProgram" app-id="wxe...

2020-03-18 14:13:55 1809 5

原创访问接口报错 net::ERR_PROXY_CONNECTION_FAILED

访问接口报错 net::ERR_PROXY_CONNECTION_FAILED在nw使用过程中,页面加载正常,访问接口报错电脑网络正常，浏览器都可以访问，就在nw中接口不可访问解决：不使用代理服务器...

2020-01-10 14:05:07 8949

转载 jq && vue 引入外部模板文件

1.通过jq的load引入文件index，abou文件内容相同，无跳转刷新页面<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>index</title> <link href="https://c...

2019-06-04 23:30:45 1823

原创 vue多选

<ul class="offer-wrap"> <li class="paymentOffer-list" v-for="(item,index) in paymentOffer" :class="paymentChecked(item.id)?'checked':''" @click="bindP...

2019-06-01 10:28:05 746

原创根据商品名称首字母查询商品

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-03-27 20:09:48 1420

转载 vue 商品选择规格

<!doctype html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.

2019-01-02 18:04:21 7593 1

转载使用vant的密码输入框，数字键盘

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial

2019-01-02 17:23:01 10944 3

原创 css ios问题

（1）在h5页面写弹出密码框，input光标不能隐藏input{ opacity: 0;/*ios下失效*/ /*解决办法*/ text-indent: -999em; /*文本向左缩进*/ margin-left: -100%; /*输入框光标起始点向左左移*／}（2）输入密码的时候ios不能调用手机键盘（不能自动聚焦，暂时手动点击调用）（3）密...

2018-12-13 09:58:10 256

转载逻辑或（||）--逻辑与（&&）

逻辑与 && 遇 false 返回 (必须全满足)var a = 1 && 2 && 3;console.log(typeof a , a) //3逻辑或 || 遇 true 返回 (满足一条即可)var a = 0 || 2 || 3;console.log(typeof a , a) //2逻辑与(&&amp...

2018-11-29 13:54:14 764

原创获取元素大小，屏幕大小

一、元素内大小clientWidth=元素的宽度+元素padding-left+ 元素padding-right * :不包含margin和borderclientHeight=元素的高度+元素padding-top+ 元素padding-bottom * :不包含margin和borderclientLeft=border的宽度 * :不包含...

2018-11-19 11:09:38 211

原创 css动画

一、transition动画1：transition-property:指的是需要变化的属性, （1）：属性值可以是一个或者多个（2）：all（所有发生变化的属性）2：transition-duration：执行动画时长3：transition-timing-function: linear(匀速);动画执行方式 ...

2018-11-05 21:36:27 269

原创 git上传github

将本地代码上传到GitHub上一通过github初始化仓库 1）在github上上创建并初始化仓库 2）将github上仓库克隆到本地 3）将项目代码拷贝到仓库并上传（1）将你所要上传的项目拷贝到你的git仓库文件夹下（2）查看项目文件状态（3）添加项目到暂存区，并提交到本地仓库...

2018-11-03 11:19:16 234

原创初探git（二）

一）如何使用git忽略不想上传文件（单个文件）1.touch log.txt 在你文件内新建一个log.text文件2.git status 查看文件提示需要添加log.txt文件（可是log文件是需要忽略的）3.touch .gitignore 此时新建一个.gitignore文件，将你要忽略的文件写入到.gitignore里面4.之后只需要添...

2018-10-18 19:24:59 210

原创初探git

git常用命令行（安装git就不说了哈）打开git的命令行输入git --version会看到当前git版本号窗下 cd xx（你的文件目录）touch index.html（新建index.html，在你的文件夹下就会新建一个html文件）上传本地仓库或传到远程仓库1.初始化仓库git init初始化了一个空的git的仓库之后对仓库进行配置（全...

2018-10-18 16:30:02 194

原创 vue-router

npm安装npm install vue-router项目中使用（配置路由）import Vue from 'vue'import vueRouter from 'vue-router' //1.(加载路由)import App from './App'//路由import Home from './components/Home'Vue.use(vueRouter) ...

2018-10-17 19:04:23 149

原创 vue商品分类，实现购物车功能

new Vue({ el: "#app", data: { cIndex: 0, lists: [ { title: "推荐商品", goods: [ { id: 0, ...

2018-10-16 17:42:14 4526

原创微信小程序---分类

<scroll-view scroll-x class='viewa'> <view wx:for="{{lists}}" wx:key='' data-index='{{index}}' bindtap='liststap' class='viewai {{viewaiindex==i...

2018-08-24 09:16:00 383

原创 css垂直居中

一，固定高度垂直居中 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>css垂直居中</title> <style type="text/css"> .contaniner

2018-07-28 16:37:38 144

原创微信小程序多倒计时砍杀

<view class="list" wx:for="{{list}}"wx:key="index"> <view class='m-list' style='margon-top:20px'> <view class='head'> <vi

2018-07-04 08:39:29 237

转载 css脚本化

dom.style.prop 1:可读写行间样式，没有兼容性问题，碰到float的保留字属性，其前面应加css （不加也可以） 2:复合属性必须拆解，组合单词变成小驼峰式 border:"1px solid black"; 属性拆解 borderWidth:"1px"; borderStyle:"solid"; borderColor:"block"; 小驼峰 backgroungColo...

2018-05-30 22:38:36 182

原创移动端底部tabbar切换

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"&a

2018-05-30 15:29:32 5646 1

转载移动端自动阅读

<!DOCTYPE html><html lang="en"> <head> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /&g

2018-05-28 23:07:11 1198

转载浏览器、文档、滚动的宽高

BOM:浏览器对象模型主要是为了解决窗口和窗口之间的通信（交互）window:BOM中的核心对象，创建的对象，变量都会自动成为window子对象，甚至于document也是window的子对象1:获取浏览器的宽和高（可视区域）（不包括工具栏和滚动条）ie9以下不兼容 window.innerWidthwindow.innerHeight; 标准模式下，任意浏览器都兼容document.b...

2018-05-28 22:48:25 284

空空如也

空空如也