随笔分类 - 常见样式布局
摘要:表格 我们在做管理系统的时候。 经常使用表格展示数据。 用了这么久的表格,你还记得原生表格怎么写的嘛? 表格标签的简单介绍 table:是整个表格的框架。 rt:表示表格的行。表格中有多少个 <tr> 标签就表示有多少行数据。 td:单元格。 它是存放数据的标签。单元格的数据可以是文本、图片、列表、
阅读全文
摘要:遇见这样的结构图 我的制作的思路 我是将视图分成左右两部分 右边只负责列表内容; 左侧相对而言要复杂一些 左侧主要是有 【垂直的线】 以及【最上面的横线】和【中间的线】【最下面的线的横线】 如何处理垂直的线了[linedotted] 我是这样操作的 进行定位,主要的是控制高度我是使用height:
阅读全文
摘要:场景 有些时候,我们在pc端经常会遇见滚动到底部的时候,去加载下一页的数据, 这个时候,我们就需要知道滚动条什么时候触底了, 如果触底了,就去加载下一页的数据; 在触底的过程中,我们需要注意的是,防止数据堆叠; <style type="text/css"> .bottom-content{ hei
阅读全文
摘要:<template> <div> <button @click.prevent="coverHandler" class="btn-btn" type="button" :disabled="disFlag" :class="{disablecss:disFlag==true}" :style="{
阅读全文
摘要:<template> <div> <el-menu @select="selectMenu" :default-active="currentIndexLight" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClos
阅读全文
摘要:<div class="right-tabbox-newnotice"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="通知" name="first"> </el-tab-pane> </el
阅读全文
摘要:日历通讯录 日历备忘录 组件 参考地址:https://www.cnblogs.com/520BigBear/p/11781495.html <template> <div class="calender"> <div class="top"> <div class="btn_wrap"> <ul>
阅读全文
摘要:组件 <template> <div class="hide-page-com"> <ul class="tab-tilte"> <li v-for="(title,index) in tabTitle" :key="index" @click="getclcik(index)" class="me
阅读全文
摘要:``` **** 这是一段信息 {{ info }} 点击我 **** 取 消 确 定 ``` ### ``` data() { return { dialogVisible: false, info: "123" } }, methods: { changeValue() { this.info = "我改变了你" //在这个请求中 有些时候 无法跟新视图上的数据。 this.axios .ge
阅读全文
摘要:``` 用户管理 配置管理 角色管理 定时任务补偿 ``` ``` activeName: 'second' methods: { post(mess) { console.log(mess); }, handleClick(tab, event) { console.log(tab, event); if (this.activeName == "second") { } else if (th
阅读全文
摘要:``` 回填时。this.TeacherruleForm.subject=mess.subject;//科目(直接回填中文名称。因为当用户输入时,也是直接输入的)this.TeacherruleForm.name【X】=mess...
阅读全文
摘要:参考地址 https://blog.csdn.net/sunshine0508/article/details/88390155 看大佬的地址
阅读全文
摘要:指定起始日期,后选的将会受到先选的限制 参考地址 https://www.jianshu.com/p/c59c8ef6c500 实现方法不难,利用了 change 事件,动态改变 picker options 中的 disableDate 即可。 其实这个方法 是我从上面这个大佬身上拷贝过来的。目的
阅读全文
摘要:``` 纯色 图片 视频 直播 ``` ![](https://img2020.cnblogs.com/blog/1425695/202003/1425695-20200323221514297-1016457470.png)
阅读全文
摘要:```vue是数据驱动视图,所以要想改变页面的结构,就要首先改变数据。要想动态添加一个input表单,每当你点击的时候,添加一个数据在数组里面。 handler(mess){ this.list.push("jo") },要想获得当前这个表单里面的值,我当初想的是v-model,去绑定。发现不可以。这就尴尬了。整了一会,在百度上查找了一些资料。还是没有对应的案例。可能是我百度的方法是不正确。...
阅读全文
摘要:讲解 组件.vue 使用组件
阅读全文
摘要:组件.vue 在使用的时候,入股想出现边框。要自己在添加一个类哈 组件开始 使用组件
阅读全文
摘要:``` :unique-opened="true" 只保留一个菜单 :router="true"开启路由标识 index="users" 是标识 它就会去找这个路由 ``` ``` 标识 用户列表 选项2 路由 { path: "/home", name: "home", component: () => import("../components/home/home.vue"), childre
阅读全文
摘要:``` 更改上传框的大小 .editor-after-div >>>.el-upload{ widtH:56px; height: 56px; text-align: center; line-height: 56px; } .editor-after-div >>>.el-upload-list__item-thumbnail{ width: 56px; height: 56px; } .edi
阅读全文