1.Radio 单选框 基础用法 要使用 Radio 组件，只需要设置v-model绑定变量，选中意味着变量的值为相应 Radio label属性的值，label可以是String、Number或Boolean。<template>
<el-radio v-model="radio" label="1">备选项</el-radio>
<el-rad
【每日鸡汤，每一个你想要学习的念头，都是未来的自己向你求救】实现一个下拉框，先看看element ui的效果。主要是需要搞定这个折叠的动画。【思路 】（1）刚开始弹出框隐藏，点击-->弹出框（用动画慢悠悠的）显示-->再点击-->弹出框（用动画慢悠悠的）隐藏；css 的动画用的是animation, 复习一下animationcss animation 属性是 animation
方法下面是一些折叠（Collapse）插件中有用的方法：方法描述实例Options:.collapse(options)激活内容为可折叠元素。接受一个可选的 options 对象。$('#identifier').collapse({ toggle: false })Toggle: .collapse('toggle')切换显示/隐藏可折叠元素。$('#identifier').coll
使用对象的方式操作HTML和CSS步骤：1、获取元素对象
使用id、类名、标签名或css选择器获得元素对象
getElementById()
getElementsByTagName
getElementsByClassName
querySelector()
querySelectorAll()
(节点操作)使用元素间的关系获得元
转载
2024-10-12 11:54:36
63阅读
写在前面的话： 上一篇文章实现了滑动效果，这部分来试试左右联动效果的实现方法吧九、better-scroll + vue2.0 实现移动端滑动2——左右联动 效果：滑动右侧时，左侧也能有相应的变化；点击左侧时，右侧也能自动定位到相应的位置。如下图所示界面，左侧为分栏，右侧为分栏详情。 滑动右边使左边联动的大概的思路： 1）要知道右侧的列表中，每一个分栏所占的高度，
近期打算做一个进销存系统，因为好久没做前端了，花了一天的时间复习了下vue，用element-ui做了个折叠式菜单。其中复习到的知识点有 transition动画，vuex状态管理，vue-route路由。 1.设置路由import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../pages
转载
2024-08-16 20:13:15
269阅读
避免不了使用table,当然table单纯只是展示list数据,项目中遇到需要在table的row中在嵌套一个表格,由于接口做了拆分功能块比较独立,需要先获取list,当点击相应row展开折叠框的时候在获取row对应的下级数据,row还提供编辑功能,修改完之后再次获取list列表。如果同时展开两个折叠框会对table里面嵌套type="expand"的el-table-column里面数据有影响,
转载
2024-05-21 20:45:49
1322阅读
点击 窗口>CSS样式，打开CSS样式面板，点击样式面板上的＂全部＂按钮，快速打开SpryMenuBarHorizontal.css．1. 水平菜单省缺是放置在页面的左边的，如果你想将它放到页面的右边对齐，那么点击：ul.MenuBarHorizontal li,然后在下面的属性面板中，点击float项右边的下拉列表，将left换为
Excel学习一、工具->选项可以对整个excel里面的东西进行编辑,里面有隐藏行号,下拉档等选项,有文档作者信息 二、单元格内容比较大可以右击单元格->设置单元格格式->缩小单元格填充三、合并单元格并居中四、选中某些单元格 进行增加缩进量或者减少缩进量五、竖排文字:设置单元格->对齐->方向->点一下文本 选择确定就可以六、Alt+Enter 建制换
创建基本表格<table>
<caption>这是一个表格</caption>
<tr>
<th>a</th>
<th>b</th>
<th>c</th>
</tr>
<tr>
转载
2024-10-15 14:29:02
91阅读
前言这几天刚刚给学生讲到了表格视图的使用，有学生问我，如果要实现类似于腾讯好友列表展开收缩的效果该怎么实现呢？以前我写过有关这样效果的demo，但是一直没有发表成文，今天刚好有时间，于是写出来，分享给各位，当然要实现这种效果方法还是有很多，这里就讲解下我的实现方式，不到之处，还往各位提点建议，我会及时改进。效果为了简化数据，所以每个分组里面的好友数据都是一样的。实现思路1、用一个字典来判断，将se
Element-UI组件之其他OthersDialog 对话框基本用法自定义内容嵌套的 Dialog居中布局Tooltip 文字提示基础用法主题更多 Content高级扩展Popover 弹出框基础用法嵌套信息嵌套操作Card 卡片基础用法简单卡片带图片卡片阴影Carousel 走马灯基础用法指示器切换箭头卡片化方向Collapse 折叠面板基础用法手风琴效果自定义面板标题Timeline 时间
简单介绍下项目：后端管理系统，页面样式用的是 element，数据绑定用的是 vue.js。功能需求：需要添加缴药记录，这些记录要显示在一个 table 中，但是 table 末尾一行不做数据展示，只负责触发数据新增的动作。先看最终实现的效果：红框处就是自定义的表尾，选择药品处的下拉框，每当选中一个药品的时候，当前 table 就多出一行选中过的药品信息。实现过程：由于用到 element 的 t
这篇文章的中心思想呢，就是通过一个变量(flagShow)来控制两个盒子的显示与隐藏（一个是“红框”，另一个是“绿框”）,下面我会把重要的部分写在代码的注释上，大家要细心看哦，我们先看一下整体的效果图：
效果演示 第一步：先来理顺一下结构，为什么要把它放在最上面呢？因为这个功能与结构的布局还是挺关键的<div class="classify-wrapper">
<div
转载
2024-04-12 05:27:12
1190阅读
前后端分离1.1 什么是前后端分离在传统的web应用开发中，大多数的程序员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端，而将运行在服务器，为前端提供业务逻辑和数据准备的所有代码统称为后端。很多人误以为前后端分离只是一种web应用开发模式，只要在web应用的开发期进行了前后端开发工作的分工就是前后端分离。其实前后端分离并不只是开发模式，而是web应用的一种架构模式。在开
使用1.v-touch 实现滑动效果，父级页面滑动，当父级含有子页面需要滑动功能hasClass("sm_img"），需要判断是否继续父级滑动，有的话子页面先滑动，通过upB去判断if($(imgShowChild[that.childNum]).children().children().hasClass("sm_img")&&that.upB !=3)
2.当滑动结
1.基础知识1.工作簿与工作表Ctrl+N–>新建一个工作簿 选中一个工作表，按住Ctrl键和鼠标左键向旁边拖动就是复制工作表2.功能区【文件 开始 插入 页面布局…】1.选项卡可以自动缩放：缩小Excel页面，功能区挤压 功能区一个选项根据网格线分开，称作组2.隐藏选项卡的设置： a.双击选项，就会隐藏；再双击选项就会出现； b.右侧有折叠功能区按键，执行Ctrl+F1，功能区就会出现；3
转载
2024-10-28 09:21:36
58阅读
PowerBI制作报表时，是不是经常觉得画布空间不够用，几个图表放上去就把画布占满了，导致没有足够的空间再放置各种维度的切片器？这涉及到了报表布局的知识，报表画布空间资源是有限的，在这种情况下，如何合理的安排各种图表和控件，以满足可视化展示的需求，是需要一番思虑的，当然也更熟悉一些技巧。本文就分享给你一个非常好用的技巧：折叠切片器。首先来看看折叠切片器的效果是什么样的。 从外观上看，就
作为一个有目标的人，工作比较积极，思维也比较活跃，睡眠相对较少。今早6:30就起床了，吃早饭前，实现了一个手风琴式折叠组件，具体效果如下：一般情况，这样的控件有两种表现形式：1、排他展开，也就是一次只有一个项目展开，其它闭合，类似QQ的好友分组。2、随意展开，不拍它，可以同时展开多个只实现第二种方式，相对比较容易，每个子项目控制自己的状态就可以，不用跟其它项目交互。我的目标式做一个控件，两种方式都
大家好，欢迎回到我们的Vue教学系列博客！在前十七篇博客中，我们学习了Vue.js的基础知识、安装Node.js与npm、使用Vue Devtools进行调试、Vue实例与生命周期钩子、数据绑定（单向与双向）、计算属性与侦听器、条件渲染和列表渲染、事件处理、组件之间的传值（props和$emit）、动态组件和异步组件、组件间的通信（provide/inject，event bus），探索并尝试安装
转载
2024-10-16 14:38:52
207阅读
