随笔分类 - vue
摘要:server { # 端口号 listen 3309; # IP server_name 192.168.1.3; location / { # 执行目录 root /var/www/vue-app-base/dist/; index index.html; # index index.html i
阅读全文
摘要:cnpm install postcss-px-to-viewport --save-dev .postcssrc.js module.exports = { "plugins": { "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单
阅读全文
摘要:cnpm install vue-lazyload --save import Lazyload from 'vue-lazyload' Vue.use(Lazyload) <template> <div id="app"> <!-- <img src="./assets/logo.png"> --
阅读全文
摘要:解决移动端click延迟300ms cnpm install fastclick --save import Fastclick from 'fastclick' Fastclick.attach(document.body);
阅读全文
摘要:<template> <div id="Toast"> <p class="msg">{{msg}}</p> </div> </template> <script> export default { name: 'Toast', data() { return { msg: 'hello Toast
阅读全文
摘要:<script> export default { name: 'HelloWorld', data() { return { msg: 'Welcome to Your Vue.js App', goods: [{ src: 'girl.jpg', link: 'http://wwww.baidu
阅读全文
摘要:<template> <div class="hello"> <ul class="content" ref="content"> </ul> </div> </template> <script> export default { name: 'HelloWorld', mounted() { c
阅读全文
摘要:<script> import BetterScroll from 'better-scroll' export default { name: 'HelloWorld', data() { return { msg: 'Welcome to Your Vue.js App', scroll: nu
阅读全文
摘要:当前版本 "better-scroll": "^2.4.1", scroll事件 滚动的实时坐标(与probeType属性有关) <script> import BetterScroll from 'better-scroll' export default { name: 'HelloWorld'
阅读全文
摘要:源码地址 https://github.com/ustbhuangyi/better-scroll.git 原生滚动 .hello { overflow-y: scroll; } BetterScroll <script> import BetterScroll from 'better-scrol
阅读全文
摘要:<template> <div id="Recommend"> <div v-for="item in cgoods" class="item"> <a :href="item.link"> <img :src="getUrl(item)"> <div> {{item.title}} </div>
阅读全文
摘要:<template> <div id="Furong"> <div class="tab-control"> <div v-for="(item, index) in titles" class="tab-control-item" :class="{active: isActive == inde
阅读全文
摘要:<template> <div id="Furong"> <div class="tab-control"> <div v-for="(item, index) in titles" class="tab-control-item" :class="{active: isActive == inde
阅读全文
摘要:NavBar.vue <template> <div class="nav-bar"> <div class="left"> <slot name="left"></slot> </div> <div class="mid"> <slot name="mid"></slot> </div> <div
阅读全文
摘要:vue.config.js是一个可选的配置文件,它会被自动加载 module.exports = { //配置附加属性 ... };
阅读全文
摘要:import axios from 'axios' export function request(config, success, failure) { const instance = axios.create({ baseURL: 'http://123.207.32.32:8000', ti
阅读全文
摘要:request.js import axios from 'axios' export function request(config, success, failure) { const instance = axios.create({ baseURL: 'http://123.207.32.3
阅读全文
摘要:const instance = axios.create({ baseURL: 'http://123.207.32.32:8000', timeout: 1000, }); instance({ method: 'get', url: '/home/data', params: { type:
阅读全文
摘要:// 全局配置 axios.defaults.baseURL = 'http://123.207.32.32:8000' axios.defaults.timeout = 500 axios({ method: 'get', url: '/home/data', params: { type: 's
阅读全文
摘要:axios.all([{ method: 'get', url: 'http://123.207.32.32:8000/home/data', params: { type: 'sell', page: 1 } }, { method: 'get', url: 'http://123.207.32.
阅读全文