Posted on

需求一：根据页面转发

1
2
3
4
5
location /account/users/mobile_account_index {
  root /opt/app/vuetest.wondercv.com/current;
  index           index.html;
  try_files $uri /index.html $uri/;
}

ps: 要注意指向的文件夹里有没有版本库 来判定要不要current

Read more »

Posted on 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import Vue from 'vue'
import Router from 'vue-router'
import mobileMe from './mobile/me'
import pcMe from './pc/me'

Vue.use(Router)

let route = []

if (/Mobile|webOS|Jike/i.test(navigator.userAgent)) {
  route = [...mobileMe]
} else {
  route = [...pcMe]
}

const router = new Router({
  mode: 'history',
  routes: route
})

Posted on

解决方案：
1、修改父元素的高度,给父元素加上padding-top
这是我常用的方法，但是总是感觉解决了问题，但是没有抓到本质。
2、为父元素添加overflow:hidden
3、为父元素添加border
4、为父元素或者子元素声明绝对定位。
5、为父元素或者子元素声明浮动

推荐前三种解决方法，因为没必要因为这个去修改元素的定位或者是浮动

原理：
一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

Posted on

  1. 先新建一个Gemfile 

    1
    2
    3
    source 'https://gems.ruby-china.com'
    	gem 'capistrano', '2.12.0'
    	gem 'capistrano-rbenv', '1.0.1'

  2. $ bundle install

    Read more »

Posted on

  1. 安装安装包
    $ npm install @tinymce/tinymce-vue -S
    $ npm install tinymce -S

  2. 在 node_modules 中找到 tinymce/skins 目录，然后将 skins 目录拷贝到 static 目录下

// 如果是使用 vue-cli 3.x 构建的 typescript 项目，就放到 public 目录下，文中所有 static 目录相关都这样处理

tinymce 默认是英文界面，所以还需要下载一个中文语言包（记得搭梯子！搭梯子！搭梯子！）

然后将这个语言包放到 static 目录下，为了结构清晰，我包了一层 tinymce 目录

Read more »

Posted on

  1. 新建一个component文件（vue）(最好新建一个文件夹)

  2. 引用

    1
    2
    3
    4
    5
    6
    import pagination from '@/components/base/pagination'
    export default {
      components: {
        pagination
      }
    }

  3. 子组件给父组件传值用 $emit
    父组件给子组件传值用 props
    eg:

    1
    <pagination :listData='blogs' @pageBlogs="cutBlog"></pagination>
1
this.$emit('pageBlogs', this.listData.slice(start, end))