
css
ThatITs
写bug
展开
-
css实现序号的编写
关键:定义class=“my”在需要序号的地方定义 class=“num”然后主要的是css样式<template> <div class="my"> <!-- 主题 --> <div class="contant"> <ul> <ol class="msg" v-原创 2019-02-14 16:30:49 · 2802 阅读 · 0 评论 -
如何在地图上显示多个红包商店 vue
1:申请百度,高德等任意一个地图的key2:在vue的html中 引入 3:简单粗暴上代码HTML: <section> <div id="map_canvas" class="map_canvas" style="width: 100%;height: 100%;"></div> </section>script:&...原创 2019-09-05 16:19:15 · 380 阅读 · 0 评论 -
上传图片的方法(单张或者多张)
1:<div class="pclogo"> <img v-show="!fileimg" src="@/assets/img/zheng@2x.png" alt="正面" class="pic"> <img v-show="fileimg" :src="fileimg&&fileimg" class="pic" alt="正面"> &l...原创 2019-07-09 15:41:35 · 772 阅读 · 0 评论 -
单张上传图片的方法
1:<div class="pclogo"> <img v-show="!fileimg" src="@/assets/img/zheng@2x.png" alt="正面" class="pic"> <img v-show="fileimg" :src="fileimg&&fileimg" class="pic" alt="正面"> &l...原创 2019-07-09 15:40:01 · 475 阅读 · 0 评论 -
vue插件集合25:删除全部的console
1:在开发中显示console.log打包后不显示console.log路径:build/webpack.prod.conf.js原创 2022-02-24 14:18:09 · 1542 阅读 · 0 评论 -
vue插件集合17:vue获取国家以及地区的方法
<template> <div class="atnight"> <div class="topseach"> <form action="/"> <van-search v-model="searchVal" :placeholder="$t('auth.count')" show-action @search="onS...原创 2019-06-22 15:51:54 · 7990 阅读 · 0 评论 -
vue插件集合19:vue将时间戳转换成日期格式
(1)创建一个处理时间格式的js,内容如下:export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o = { 'M...原创 2019-06-07 17:42:19 · 1483 阅读 · 0 评论 -
vue插件集合9:vue的tab切换 以及底部栏
1:vue中手机号的验证方式 用的vant框架1:模板中<div class="Info"> <i class="iconfont icon-shouji"></i> <input v-model="moblie" class="inputNum" type="number" value="&原创 2019-05-08 17:04:31 · 1382 阅读 · 0 评论 -
用于登陆验证的vue组件 滑动
1:通过npm安装npm install vue-drag-verify --savenpm install font-awesome<template> <div class="login"> <van-popup v-model="show" :overlay="true" :close-on-click-overlay="true"> ...原创 2019-04-25 16:27:21 · 2106 阅读 · 1 评论 -
实现横向滚动 并宽度不固定
1:原理子元素的宽度大于父元素是,会出现滚动 overflow-x: scroll; 为水平滚动,overflow-y: scroll; 为垂直滚动,按需求这里采用水平横向滚动 <div class="content"> <div class="redPacket"> <div class="item" style="mar...转载 2019-04-25 16:03:42 · 1272 阅读 · 0 评论 -
非常方便理解的 flexbox的图文理解
原创 2019-09-23 08:57:10 · 157 阅读 · 0 评论