组件中的css作用域问题抽离路由为单独的模块使用 饿了么的 MintUI 组件

Github 仓储地址

Mint-UI官方文档

• 导入所有MintUI组件：
• [AppleScript] 纯文本查看 复制代码

  import MintUI from 'mint-ui'

• 导入样式表：
• [AppleScript] 纯文本查看 复制代码

  import 'mint-ui/lib/style.css'

• 在 vue 中使用 MintUI：
• [AppleScript] 纯文本查看 复制代码

  Vue.use(MintUI)

• 使用的例子：
• [AppleScript] 纯文本查看 复制代码

  <mt-button type="primary" size="large">primary</mt-button>

• 使用 MUI 组件
  官网首页
  文档地址
  • 导入 MUI 的样式表：
  • [AppleScript] 纯文本查看 复制代码

    import '../lib/mui/css/mui.min.css'

  • 在webpack.config.js中添加新的loader规则：
  • [AppleScript] 纯文本查看 复制代码

    { test: /\.(png|jpg|gif|ttf)$/, use: 'url-loader' }

  • 根据官方提供的文档和example，尝试使用相关的组件
  • 将项目源码托管到oschina中
  • 点击头像 -> 修改资料 -> SSH公钥 如何生成SSH公钥
  • 创建自己的空仓储，使用 git config --global user.name "用户名" 和 git config --global user.email ***@**.com 来全局配置提交时用户的名称和邮箱
  • 使用 git init 在本地初始化项目
  • 使用 touch README.md 和 touch .gitignore 来创建项目的说明文件和忽略文件；
  • 使用 git add . 将所有文件托管到 git 中
  • 使用 git commit -m "init project" 将项目进行本地提交
  • 使用 git remote add origin 仓储地址将本地项目和远程仓储连接，并使用origin最为远程仓储的别名
  • 使用 git push -u origin master 将本地代码push到仓储中
    
    
  
  

组件中的css作用域问题抽离路由为单独的模块使用 饿了么的 MintUI 组件

Github 仓储地址

Mint-UI官方文档

• 导入所有MintUI组件：
• [AppleScript] 纯文本查看 复制代码

  import MintUI from 'mint-ui'

• 导入样式表：
• [AppleScript] 纯文本查看 复制代码

  import 'mint-ui/lib/style.css'

• 在 vue 中使用 MintUI：
• [AppleScript] 纯文本查看 复制代码

  Vue.use(MintUI)

• 使用的例子：
• [AppleScript] 纯文本查看 复制代码

  <mt-button type="primary" size="large">primary</mt-button>

• 使用 MUI 组件
  官网首页
  文档地址
  • 导入 MUI 的样式表：
  • [AppleScript] 纯文本查看 复制代码

    import '../lib/mui/css/mui.min.css'

  • 在webpack.config.js中添加新的loader规则：
  • [AppleScript] 纯文本查看 复制代码

    { test: /\.(png|jpg|gif|ttf)$/, use: 'url-loader' }

  • 根据官方提供的文档和example，尝试使用相关的组件
  • 将项目源码托管到oschina中
  • 点击头像 -> 修改资料 -> SSH公钥 如何生成SSH公钥
  • 创建自己的空仓储，使用 git config --global user.name "用户名" 和 git config --global user.email ***@**.com 来全局配置提交时用户的名称和邮箱
  • 使用 git init 在本地初始化项目
  • 使用 touch README.md 和 touch .gitignore 来创建项目的说明文件和忽略文件；
  • 使用 git add . 将所有文件托管到 git 中
  • 使用 git commit -m "init project" 将项目进行本地提交
  • 使用 git remote add origin 仓储地址将本地项目和远程仓储连接，并使用origin最为远程仓储的别名
  • 使用 git push -u origin master 将本地代码push到仓储中