按钮

cdn方式使用element-ui样式

浪子不回头ぞ 提交于 2020-01-28 02:33:11
1.关于vue脚手架注册 使用element-ui 就不在这里详细讲解了 改天在讲解 在页面上面 先引入element-ui的css文件 <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> 然后是引入js文件 因为elemnt-ui 是基于vue书写的 所以这里注意了 一定要先引入vue文件 顺序不要乱 <script src="https://unpkg.com/vue/dist/vue.js"></script> 然后在引入element.js <script src="https://unpkg.com/element-ui/lib/index.js"></script> 然后就可以在代码中使用element-ui的样式了吗? 其实这个时候还不行 我在上面说了是基于vue文件 封装的各种样式组件 所以你要在里面中监听才可以 全都是写在app中 <div id="app"> <el-row> <el-button>默认按钮</el-button> <el

Android基础——Intent的Action和Data属性

喜欢而已 提交于 2020-01-27 21:57:53
布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="打电话" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=

【MediaElement】WPF视频播放器【2】

▼魔方 西西 提交于 2020-01-27 15:58:25
一、前言 上回说到需要做放视频的使用向导,这两天公司里的老司机一直帮我答疑解惑,让这个任务变得挺顺的,真心感谢他们! 这次与【1】中的不同之处在于: (1)播放和暂停按钮集成在<MediaElement>的点击事件之中,点一下是播放,再点一下是暂停 (2)加入了微软官方改写的粒子特效 (3)加上了自己琢磨的按钮旋转效果,以及按钮弹出popup效果 (4)进度条改善美观 二、代码 前台: 1 <Window 2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 6 xmlns:local="clr-namespace:WPF_Nav" 7 xmlns:dxlc="http://schemas.devexpress.com/winfx/2008/xaml/layoutcontrol" xmlns:dxwui="http:/

利用html,css,js制作分割页面

不打扰是莪最后的温柔 提交于 2020-01-27 14:58:01
利用html,css,js制作分割页面 html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>分割界面</title> <link rel="stylesheet" href="./分割界面.css" /> </head> <body> <div class="container"> <div class="split left"> <!-- <img src="../imgs/pexels-photo-3551207.jpg" alt="" class="left" /> --> <h1>秋天</h1> <a href="#" class="button">秋天</a> </div> <div class="split right"> <!-- <img src="../imgs/pexels-photo-3568792.jpg" alt="" class="left" /> --> <h1>夏天</h1> <a href

Java AWT基础及布局管理

牧云@^-^@ 提交于 2020-01-27 14:10:39
Java AWT基础及布局管理   GUI(Graphical User Interface),图形用户界面。   Java GUI分两种:    AWT(Abstract Window Toolkit): 抽象窗口工具集,是第一代的Java GUI组件。   绘制依赖于底层的操作系统。基本的AWT库处理用户界面元素的方法是把这些元素的创建和行为委托给每个目标平台上(Windows、 Unix、 Macintosh等)的本地GUI工具进行处理。    Swing ,不依赖于底层细节,是轻量级的组件。现在多是基于Swing来开发。 AWT概念   AWT提供基本的GUI组件,用在所有的Java applets及应用程序中。   具有可扩展的超类,它们的属性是继承的。   确保显示在屏幕上的每个GUI组件都是抽象类组件的子类。    GUI组件根据作用可以分为两种:基本组件和容器组件。    基本组件 又称构件,诸如按钮、文本框之类的图形界面元素。    容器 是一种比较特殊的组件,可以容纳其他组件,容器如窗口、对话框等。   所有的容器类都是 java.awt.Container 的直接或间接子类。   Container,它是Component的一个子类,而且包括 两个主要子类:Panel,Window 。    注:容器不但能容纳组件,还能容纳其他容器

HTML表单控件

北城以北 提交于 2020-01-27 08:52:26
input元素无疑是一个庞大和复杂的元素,但它并不是唯一的表单控件。还有button、select、option、label、optgroup、textarea、fieldset、legend这八个传统表单控件,datalist、progress、meter、output、keygen这五个新增表单控件 传统控件 button  定义一个按钮 select   定义一个下拉列表 option  定义下拉列表中的一个选项 optgroup  定义选项组,用于组合选项 textarea  定义多行的文本输入控件 fieldset  分组表单内的相关元素 legend  定义fieldset元素的标题 label   定义input元素的标注 button button元素用来定义一个按钮,button元素内部可以放置文本或图像或其他多媒体内容。但唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为 始终为button元素设置type属性,IE7-浏览器的默认类型是button,而其他浏览器的默认类型是submit IE7-提交button元素之间的文本,而其他浏览器则会提交value属性的内容 <button> 元素比 <input> 元素更易样式化。可以添加内联HTML内容(如 <em> , <strong> 甚至 <img> ),并使用:after和

前端jQuery之动画操作及相关演示

核能气质少年 提交于 2020-01-27 04:55:13
1.显示动画 1.1无参数,直接让指定的元素显示出来 $("div").show(); 1.2通过控制宽高,透明度,display属性逐渐显示,指定时间现实完毕 $('div').show(3000); 1.3特定参数类型 $("div").show("slow"); 参数:   slow:600ms   normal:400ms   fast:200ms 1.4动画执行完毕,立即执行回调函数 //show(毫秒值,回调函数; $("div").show(5000,function () { alert("动画执行完毕!"); }); 2.隐藏动画 代码和显示动画类似 $(selector).hide(); $(selector).hide(1000); $(selector).hide("slow"); $(selector).hide(1000, function(){}); 3.开关显示隐藏动画 $('#box').toggle(3000,function(){}); 4.滑入和滑出动画效果 滑入,这里默认值是400ms $(selector).slideDown(speed, 回调函数); 滑出 $(selector).slideUp(speed, 回调函数); 滑入滑出切换动画效果 $(selector).slideToggle(speed, 回调函数); 5

循环中动态添加监听的问题

隐身守侯 提交于 2020-01-27 03:07:16
for (int i = 0; i < list.Count - 1; i++) { //第一段 list[i].GetComponent<Button>().onClick.AddListener( () => { OnClick(list[i + 1]); } ); //第二段 Button button = list[i + 1].GetComponent<Button>(); list[i].GetComponent<Button>().onClick.AddListener( () => { OnClick(button.gameObject); } ); } 两次碰到问题,都是下意识的写出了第一种写法,在点击触发回调时,引用到的对象都是数组的最后一个对象。原因是添加监听时,回调方法并不会立即执行,所以对应的i的值也不会立即传入,而i的所有值在内存中都是同一个地址,所以当点击触发时,i已经变成了list.count-2,所以引用的对象都是数组的最后一个对象了。 第二种写法则是传入了对应的对象,每个对象都有自己的地址,所以不会有上述问题。 来源: CSDN 作者: kubizhe 链接: https://blog.csdn.net/u014370148/article/details/103709705

013 C# Windows应用程序中的OOP

泄露秘密 提交于 2020-01-27 02:33:17
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; namespace 控件类的实现 { public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void button1_Click(object sender, EventArgs e) { ((Button)sender).Text = "Clicked!"; Button newButton = new Button(); newButton.Text = "New1!"; newButton.Click += new EventHandler(newButton_Click); Controls.Add(newButton); } private void newButton_Click(object sender,System

AWT初步—Frame和 Panel

假装没事ソ 提交于 2020-01-27 01:09:49
初识 AWT GUI 和 AWT GUI:Graphics User Interface 图形用户界面 AWT:Abstract Window Toolkit 抽象窗口工具集 之前的程序输出结果均在控制台上显示,现在学习AWT后,可以编程显示图形用户界面。 抽象窗口工具包AWT (Abstract Window Toolkit) 是 API为Java 程序提供的建立图形用户界面GUI (Graphics User Interface)工具集,之所以叫抽象窗口工具集,是因为该图形用户界面可以与系统无关,可以跨平台AWT可用于Java的applet和applications中,它支持图形用户界面编程。 功能包括: 用户界面组件; 事件处理模型; 图形和图像工具,包括形状、颜色和字体类; 布局管理器,可以进行灵活的窗口布局而与特定窗口的尺寸和屏幕分辨率无关; 数据传送类,可以通过本地平台的剪贴板来进行剪切和粘贴。 java.awt包 java.awt包中提供了GUI设计所使用的类和接口。 java.awt包提供了基本的java程序的GUI设计工具。主要包括下述三个概念: 组件--Component 容器--Container 布局管理器--LayoutManager 组件、容器和布局管理器 组件 Java的图形用户界面的最基本组成部分是组件(Component)