mintUI 安装: npm install mint-ui -S 引入: // 按需引入部分组件 import { Cell, Checklist } from 'mint-ui'; Vue.component(Cell.name, Cell); Vue.component(Checklist.name, Checklist); /*引入mint 注册成标签(全局)*/ import { Header ,Swipe, SwipeItem } from 'mint-ui' Vue.compone…

一:简介 Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要.通过它,可以快速构建出风格统一的页面,提升开发效率.真正意义上的按需加载组件.可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大.考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验.依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化.即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS…

一.环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境. 1.基本的运行环境 该项目使用node& vue在webpack环境下进行开发.首先安装基本的模块文件: npm install webpack webpack-cli -S-D npm install vue -S-D #使用webpack-dev-server进行热开发 npm install webpack-dev-server -D 最基本的环境配置(注意文件地址要和项目文件目录对应): webpack-config.js…

实现商品购买列表页面 步骤一:新建goodslist.vue文件 <template> <div id="tml"> <!--利用mui中的图文表格组件实现--> <div id="mui-content" class="mui-content" style="background-color:#fff"> <ul class="mui-table-view mu…

实现图片分享列表 步骤一:新增图片列表文件photolist.vue <template> <div id="tml"> 图片分享页面 </div> </template> <script> </script> <style> </style> 步骤二:配置入口文件main.js的路由规则 //导入vue核心包 import Vue from 'vue'; //导入vue-router im…

实现新闻咨询页面 目录结构 步骤一:创建newslist.vue文件 <template> <div id="tml"> <!--使用mui框架,实现新闻资讯列表样式--> <ul class="mui-table-view"> <li v-for="item in list" class="mui-table-view-cell mui-media"> <a…

实现根组件通用的头部和底部样式 明白由webpack搭建起来的Vue项目的执行流程,那么就可以知道实现这个需要只要在根组件和入口文件上做“手脚”即可 <!--以后项目的根组件--> <template> <div> <!--利用mint-ui中的header组件实现整个系统的头部--> <mt-header fixed title="欢迎来到锋商城"></mt-header> <!--路由占位符-->…

Vue PC端框架 1. Element 中文文档:http://element-cn.eleme.io/#/zh-CN github地址:https://github.com/ElemeFE/element 2. iView 中文文档:https://www.iviewui.com/ github地址:https://github.com/iview/iview 3. vue-element-admin 中文文档:https://panjiachen.github.io/vue-element…

Vue学习笔记(2019.7.31) 目录 Vue学习笔记(2019.7.31) vue 基本指令用法 v-cloak v-text v-html v-bind v-on 跑马灯 v-on v-model class v-for key v-if v-show filter,filters 键盘修饰符 directive vue的生命周期 vue-resource Vue中的动画 vue组件 组件切换 v-if v-else component:is 父子组件传值 兄弟之间的传递 组件插槽 匿名…

前端UI iView webapp一套高质量的 微信小程序 UI 组件库 https://weapp.iviewui.com/?from=iview Mint UI 基于 Vue.js 的移动端组件库 http://mint-ui.github.io/#!/zh-cn MUI 最接近原生APP体验的高性能前端框架 http://dev.dcloud.net.cn/mui/…