按钮

vue中如何引入bootstrap

自闭症网瘾萝莉.ら 提交于 2020-01-13 06:23:32
第一步先安装jquery ① 在终端输入 npm install jquery --save-dev ② 在 build文件夹中的webpack.config.js 添加 以下 内容 const webpack = require("webpack"); 如图: 然后在 module.exports 里添加 plugins: [ new webpack.ProvidePlugin({ jQuery: 'jquery', $: 'jquery' }) ] 如图: ③ 在入口文件 main.js 里面添加 import $ from 'jquery' ; 如图: ④ 然后在 components文件夹中里新建一个vue,添加代码测试jq引入是否成功 <template> <div> <p>Hello World</p> </div> </template> <script> export default { name: "HelloWorld", }; $(function() { $("p").click(function() { alert("Welcome to zhengzhou"); }); }); </script> <style scoped> </style> 点击HelloWorld弹出Welcome to zhengzhou即为引入成功 如图: 第二步 : 安装

Android基础之Activity基本跳转(2)

我的梦境 提交于 2020-01-13 04:06:35
本文转载自: https://www.cnblogs.com/flyone/archive/2011/07/14/2106001.html 作者:flyone 转载请注明该声明。 我的淘宝店铺, http://shop61982302.taobao.com/ , 欢迎大家光临! 你懂的, 呵呵 ! 简单介绍activity的跳转,通过intent实现,详细的注释在代码中。涉及到activity跳转,intent调用,button事件处理,xml文件编辑等知识。麻雀虽小,五脏俱全!废话少说,开始了...... 先看一下运行效果图: 点击first跳转到第二个activity 点击second会返回到第一个activity,并带回返回信息,如下图: 1 新建project,大家注意我的命名,前面都加前缀了,对于初学者来说,可以在程序运行时明白这些变量的实际命名到那儿去了,运行时大家可以再返回看这些名字! 2 开发时一般先设置界面,打开main.xml文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width=

harry -azhu99

限于喜欢 提交于 2020-01-13 02:50:30
import tkinter as tk import dui import taiji import cai mw = tk . Tk ( ) mw . title ( 'azhu99' ) mw . geometry ( '500x500' ) def duidraw ( ) : dui . draw ( ) btn1 = tk . Button ( mw , text = "对称图形" , font = ( None , 20 ) , bg = "#43CD80" , fg = 'black' , command = duidraw ) btn1 . place ( x = 10 , y = 10 , width = 200 , height = 50 ) def duistar ( ) : dui . star ( ) btn2 = tk . Button ( mw , text = '满天星' , font = ( None , 20 ) , bg = '#43CD80' , fg = 'black' , command = duistar ) btn2 . place ( x = 230 , y = 10 , width = 200 , height = 50 ) def jie ( ) : import pygame import random import time

ElementUI Button按钮样式

你离开我真会死。 提交于 2020-01-13 02:38:52
新版本的ui实在不敢恭维,在这里留一下旧版本的 < script > import { Button } from "element-ui" ; export default { } ; < / script > .el-button { padding : 10px 15px ; margin-left : 0 ; margin-right : 10px ; } .el-button--info { background-color : #50bfff ; border-color : #50bfff ; } .el-button--info:hover { background-color : rgb ( 115,204,255 ) ; border-color : rgb ( 115,204,255 ) ; } .el-button--success { background-color : #13ce66 ; border-color : #13ce66 ; } .el-button--success:hover { background-color : rgb ( 66,216,133 ) ; border-color : rgb ( 66,216,133 ) ; } .el-button--danger { background-color : #ff4949 ;

0108 luffy登录注册接口

北慕城南 提交于 2020-01-12 21:55:02
目录 昨日回顾 luffy后台 验证手机号是否已注册 使用手机号与验证码注册 luffy前台 登录模态框 注册模态框 用户模块三大认证处理 前后台交互 登录 前台登录手机号校验 前台获取验证码 前台短信验证码登录 前台登录注销 前台密码登录 注册 验证码的一次性处理 昨日回顾 1、git的协同操作 1)拿公钥换源远程仓库源链接 - 成为项目开发者 2)根据源链接克隆远程仓库 - git clone 源地址 3)参与项目的团队开发,永远要遵循 先pull后push,在pull之前要将所有修改的代码提交到本地版本库 2、冲突解决 1)当不同开发者协同开发,导致远程仓库与本地仓库的版本不一致,在pull远程仓库到本地仓库时,会出现版本冲突 2)两个仓库不同版本中,出现了相同文件的修改情况,会出现文件的冲突 3)同一文件的修改,代码有重叠,一定会产生代码冲突,打开冲突的文件,文件中会表示冲突的开始与结束,分割线上下分别是冲突的代码 >>>>>>>>>>header =========== <<<<<<<<<<1321adsa21 4)冲突的解决没有固定的结果,但是要将冲突的标识删除,根据代码实际情况,线下沟通,整合代码即可 3、登录业务 1)多方式登录 2)短信验证码 腾讯短信服务 - 创建短信服务应用(appid、appkey),申请签名与模板 -- 安装对应sdk --

扫码报修系统按钮状态有哪几种?

回眸只為那壹抹淺笑 提交于 2020-01-12 20:54:31
企业管理员在使用扫码报修系统时,通常根据状态按钮来判断故障报修进入哪一步骤。 一.常见的步骤有如下几种: 待分配 ——企业管理员操作 企业管理员看到“待分配”说明有新的报修已提交,需要企业管理员进行分配。 待接收 ——企业技术员操作 企业管理员分配工单给技术员或维修员后,状态会变成“待接收”,那么小程序技术员界面会有新工单提醒,此时点击“立即接单” 已确认 ——企业管理员操作 很多企业管理员或技术员看到这种状态后不知所云,当显示已确认说明技术员已完成故障处理并在小程序确认了处理完成。等待用户进行评价。 已完成 ——用户操作 二.电脑端后台按钮与移动端小程序区别 为了让企业用户更加方便集中操作处理工单,经过业务优化,平台电脑后台去除了电脑端工单分配,等处理操作统一在移动端小程序处理。 当电脑端后台显示待分配时,企业管理员要明白需要在小程序管理员页面进行工单分配。 电脑端不参与报修流程操作,只显示工单处理状态,业务工单处理请在微信小程序进行处理。由企业管理员了解须知! 来源: 51CTO 作者: 深山老鱼 链接: https://blog.51cto.com/14320728/2466189

c# image button效果

心不动则不痛 提交于 2020-01-12 15:18:32
C# winform程序中没有image button控件,为了实现image button的效果,有两种方法: 1,设置button属性,达到image button的效果。 2,使用windows gdi+,重写控件的paint事件。 第一种方法较为简单,第二种方法很麻烦。本文采用第一种方法。 效果图: 设置步骤: 1、导入图片。 BackGroundImage属性里载入想显示的图片, 大多数是采用PNG格式(图片角上设置为透明)。 图片尺寸设置为自动适应,属性里BackgroundImageLayout 设置为Zoom 2、 button属性FlatStyle,设置为Flat(没有边框)或者Popup。 FlatAppearance>应该是BorderSize为0,边框为0。 MonseDownBackColor、MonseDownBackColor为Transparent(鼠标移上去后不会产生多余变化,如果不设置会有阴影)。根据自己要的效果,可以不设置。 或者在代码里这样设置: //设置无边框 button.FlatStyle = FlatStyle.Flat; button.FlatAppearance.BorderSize = 0; 3、设置Margin为0,0,0,0(使图片贴边),BackColor为Transparent(透明) 效果如下: 细节: Android

React Hooks

霸气de小男生 提交于 2020-01-12 04:42:02
React推荐我们使用无状态的function式组件,但是在遇见需要使用state或者生命周期的时候不得不使用class式的组件,而React Hooks正是为了解决这个问题 useState () 这个函数接收的参数是我们的状态初始值(initial state),它返回了一个 数组 ,这个数组的第 [0]项是当前的状态值,第 [1]项是可以改变状态值的方法函数 import React,{ useState } from 'react' function Counter(props) { const [count, setCount] = useState(0); return ( <div> {count} <button onClick={()=>{ setCount(count + 1) }}>+</button> </div> ) } export default Counter; setCount( newState )里面的参数会 完全去替换 之前的state 如果有多种状态,useState可以 重复调用 function Counter(props) { const [count, setCount] = useState(0); const [obj, setObj] = useState({name: "lili"}); return ( <div>

jQuery插件开发的五种形态小结

十年热恋 提交于 2020-01-12 03:41:20
转载自:http://www.jb51.net/article/61694.htm 关于jQuery插件的开发自己也做了少许研究,自己也写过多个插件,在自己的团队了也分享过一次关于插件的课。开始的时候整觉的很复杂的代码,现在再次看的时候就清晰了许多。这里我把我自己总结出来的东西分享出来,帮助那些和我一样曾经遇到过同样问题的人。 我要做什么 我想要得到的javascript 插件应该会有以下几个特征 代码相对独立 链式操作 插件可配置 有可操作的方法,插件的生命周期可控制 配置可被缓存 可扩展 无冲突处理 事件代理,动态初始化 * 以下的代码均假设存在 jQuery 插件的第一形态 面对这种情况,通常我们会通过定义function的方式来实现。 复制代码 代码如下: function pluginName($selector){ $.each($selector, function () { $(this).css("background-color", "#ccc"); // to do something... }); } // pluginName(document.getElementsByClassName("demo")); 因为我谈的是jQuery插件开发,那么我现在把这段代码扩展到jQuery上,代码如下: 复制代码 代码如下: // IIFE(立即调用函数表达式);

Intent显式实现一个界面切换到另一个界面(MainActivity中有个button1)跳转到(SecondActivity对应的button2)

青春壹個敷衍的年華 提交于 2020-01-11 23:42:17
先看看效果:点击button1 跳转视图 将创建好的项目中的 MainActivity类中写上: package com.example.reactest; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.Toast; public class MainActivity extends AppCompatActivity { // 向下兼容的Activity 其中AppCompatActivity是Activity的子类 Activity是Android系统提供的一个活动基类 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button button_Panel = (Button)findViewById(R.id.buttonPanel)