vue NoData

NoData组件

<template><div class="panel-noData" v-if="shown"><i class="iconfont icon-zanmeishuju" :style="istyle"></i><span>暂无数据</span></div>
</template><script>
export default {name: "nodata",data() {return {shown: true};},props: {iconSize: {type: [Number, String],default: 40}},watch: {},computed: {istyle() {return {"font-size": this.iconSize + "px"};}},mounted() {},methods: {}
};
</script><style lang="scss">
.panel-noData {height: 100%;min-height: 200px;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;i.iconfont {margin-bottom: 10px;}span {font-size: 18px;color: #99a4b8;}
}
</style>

vue NoData相关推荐

php仿淘票票,node+vue模仿淘票票的app源码分享
[实例简介] 前后兼顾,真实模拟:node+vue学习者的福音:这个只是做个分享,资源共享,并不是本人开发编写:如果作者看到,有问题联系我: [实例截图] [核心代码] vue2.0-taopiaop ...
使用 Vue + Flask 搭建单页应用
单页应用,只加载一个主页面,然后通过 AJAX 无刷新加载其它页面片段.表面上看,就只有一个 HTML 文件,所谓单页.开发上,做到了前后端分离,前端专注于渲染模板,而后端只要提供 API 就行,不用 ...
Vue学习（增删改查、ES6模块化概念）-学习笔记
文章目录 Vue学习(增删改查.ES6模块化概念)-学习笔记增删改查案例 ES6模块化概念 Vue学习(增删改查.ES6模块化概念)-学习笔记增删改查案例 <!DOCTYPE html> ...
vue项目的骨架及常用组件介绍
vue项目基础结构一个vue的项目,我觉得最小的子集其实就是{vue,vue-router,component},vue作为基础库,为我们提供双向绑定等功能.vue-router连接不同的" ...
为Angular（2+）开发人员提供带TypeScript的Vue.js
目录介绍单页应用程序的演变(SPA) 三大框架概述 Angular开发者的Vue.js 学习Vue.js Vue.js页面的剖析构建示例应用程序 TypeScript的案例入门--Vue.js ...
VUE+Nodejs 商城项目练习项目(前台购物）
文章目录项目结构登录页面(@/view/shop/login.vue) 帐号密码登录扫码登录注册页面(@/view/shop/register.vue) 首页(@/view/shop/inde ...
vue自定义表格（每一列表格下面包含一个子表格）
vue自定义表格(每一列表格下面包含一个子表格) 实现效果图 template <div class="marsTable" ref="marsTable" ...
Vue, App与我(十三)
Vue, App与我(十三) 前言: Big-man需要开发一个论坛模块, 论坛模块的话,简而言之, 就是一个发帖和回帖的模块.但是Big-man的这个论坛模块还是比较复杂的.在接下来的实现中Big- ...
vue中使用video-player 播放rtmp格式的视频，播放前有一小段黑屏
问题: 在vue项目中使用video-player 播放rtsp格式的视频的时候, 若视频渲染比较慢的时候, 会导致初始画面是黑屏的状态. 解决思路:监听播放状态,等数据加载完,页面可以渲染的时候再 ...

vue NoData

vue NoData相关推荐

最新文章

热门文章