el-card 圆角

2024-11-05

登录框-element-ui 样式调节

element-ui样式调节首先设置布局如果想要实现如下效果需要两行,然后设置偏移,第一行中间只是站位,没有内容,可以考虑使用div占位,设置最小高度 el-card调整圆角 border-radius: 30px; 复制待验证表单复制全部代码,修改响应的字段名测试查看效果

一: vue的下载 vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的. 另外几个常见的工具库:react.js /angular.js 官方网站: 中文:https://cn.vuejs.org/ 英文:https://vuejs.org/ 官方文档:https://cn.vuejs.org/v2/guide/ 在github下载:https://github.com/vuejs/vue/releases 在官网下载地址: <https://cn.vue

Vue系列-01-基础语法

vue.js文件 # https://blog-static.cnblogs.com/files/lichengguo/vue.js # 下载该文件,保存的路径为代码同级目录 js/vue.js 文件初次使用vue.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <

iOS UIButton详细介绍

昨天,做了项目中的一点,觉得细节还是很重要的.像一个普通的UIButton,给它调试字体格式,大小什么的,确实是蛮耗时间的. 今天打算详细的归纳归纳.. typedef NS_ENUM(NSInteger, UIButtonType) { UIButtonTypeCustom = 0, //可以自适应的类型,一般给它添加图片,跟据背景图片的大小来调节本身的大小,如果不设置frame的话,将不会显示 // no button type UIButtonTypeRoundedRect, // rou

Vue (一) --- vue.js的快速入门使用

=-----------------------------------把现在的工作做好,才能幻想将来的事情,专注于眼前的事情,对于尚未发生的事情而陷入无休止的忧虑之中,对事情毫无帮助,反而为自己凭添了烦恼. 1. vue.js的快速入门使用 1.1 vue.js库的下载 vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的. 另外几个常见的工具库:react.js /angular.js 官方网站: 中文:https://cn.vuejs.org/ 英文:http

vue 快速入门、常用指令（1）

1. vue.js的快速入门使用 1.1 vue.js库的下载 vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的. 官方网站中文:https://cn.vuejs.org/ 英文:https://vuejs.org/ 官方文档:https://cn.vuejs.org/v2/guide/ 1.2 vue.js库的基本使用在github下载:https://github.com/vuejs/vue/releases 在官网下载地址: https://cn.vu

Vue01

1.vue.js库的下载 vue.js是目前前端web开发最流行的工具库,由尤雨溪在2014年2月发布的. 另外几个常见的工具库:react.js /angular.js 官方网站: 中文:https://cn.vuejs.org/ 英文:https://vuejs.org/ 官方文档:https://cn.vuejs.org/v2/guide/ vue.js目前有1.x.2.x和3.x 版本,我们学习2.x版本的. 2.vue.js库的基本使用 <!DOCTYPE html> <htm

Vue --1

1.2 vue.js库的基本使用在github下载:https://github.com/vuejs/vue/releases 在官网下载地址: https://cn.vuejs.org/v2/guide/installation.html vue的引入类似于jQuery,开发中可以使用开发版本vue.js,产品上线要换成vue.min.js. 下图是github网站下载的vue.js目录总结: 1. vue的使用要从创建Vue对象开始 var vm = new Vue(); 2. 创建vu

Material design之New Widgets（RecyclerView CardView）

New Widgets:提供了两个新的控件 RecyclerView CardView 这两个控件包含在了Android L的support library中, 他们可以用于显示复杂的布局而且都默认采用了Material的风格. RecyclerView RecyclerView是更高级的Listview.他对包含在其中的item view做了优化, 可以实现在滚动的时候,回收在利用item view.其实这个功能就是listview中的 viewholder. RecyclerView有如下两

Android布局实现阴影效果

最近某个模块的UI,设计想要卡片式阴影效果.之前查阅过资料,用传统的xml方式作为布局的background <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 阴影图片,android:left表示阴影图片左边到背景图片左边的距离 and

[Vue] Update Attributes, Classes and Styles in Vue.js with v-bind

Use v-bind:class and v-bind:style to compute html classes and inline styles from component data. Vue.js will automatically add vendor prefixes when using v-bind:style. <body> <div id="card"> <header>{{ title }}</header> &

c#版阿里云oss上传——基于layui、pupload的oss 后端web端直传的vue组件

废话前言去年,做项目用到oss上传,度娘上逛了一圈写了个前后端代码结合的c#版oss上传. 今年又要用到oss上传时发现很难复用,复用改动的范围太大,显然这个轮子不合格.于是想了下,花了一天的时间(半天打代码,半天写随笔)重新造了个轮子 Demo地址:https://gitee.com/orrzt/OssUpload 涉及语言框架后端用的是c#,采用了前后端分离,前端用到的主要有layui.pupload.vue 中心思想如下: 通过vue将oss上传封装成一个vue组件,单独分离到一个j

day76 vue框架入门

目录一.vue.js快速入门使用 1 vue.js库的下载 2 vue.js库的使用 3 vue.js的M-V-VM思想 4 显示数据二.常用指令 1 操作属性 2 事件的绑定 3 样式操作 3.1 class的值是一个变量 3.2 class值是一个对象 3.3 class值是一个数组 3.4 style样式值为对象 3.5 style样式值为变量 3.6 style样式值为数组 4 条件渲染指令 4.1 v-if,v-else,v-else-if 4.2 v-show 5 循环渲染指令

vue学习第一部

目录基础操作 vue基础使用步骤 vue的框架思想(mvvm) 显示数据 vue 常用指令属性操作事件绑定操作样式条件渲染指令列表渲染指令 vue对象提供的属性功能过滤器计算和侦听属性 vue对象的生命周期阻止事件冒泡和刷新页面综合案例 - todolist vue基础使用步骤 1. vue的使用要从创建Vue对象开始 var vm = new Vue(); 2. 创建vue对象的时候,需要传递参数,是json对象,json对象对象必须至少有两个属性成员 va

css 设置圆角

CSS3 圆角(border-radius) -moz(例如 -moz-border-radius)用于Firefox -webkit(例如:-webkit-border-radius)用于Safari和Chrome. example: <span class="pull-left col-xs-3 user-face"> <img class="media-object img-thumbnail" ng-src="${ctx!}/im

border-radius.htc为ie6-8实现圆角

~~圆角是比较常用的css3属性,但是ie6-8并不支持圆角,可用border-radius.htc html组件实现圆角, border-radius.htc内部应用vml进行了重绘 border-radius.htc: --Do not remove this if you are using-- Original Author: Remiz Rahnas Original Author URL: http://www.htmlremix.com Published date: 2008/

IE8及其以下浏览器关于圆角表框的问题

css部分 yuan { border: 2px solid #C0C0C0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; padding: 5px; /* background: #FFF; */ z-index: 2; overflow: hidden; width: 100px; height: 100px; behavior: url(ie-css

EL表达式遍历集合获取下标

如题,HTML页面很多时候需要循环遍历一个集合,并且获得集合元素得下标做判断,或者把下标传递给后台作为参数那么我们就需要用到EL表达式的varStatus 代码一:<c:forEach var="news" items="${newlist}" varStatus="index"> <p><a class="newInfo" href="${pageContext.request.co

Bootstrap学习记录-3.Badge、Breadcrumb、Buttons、 Button Group、Card、Carousel

1. Badge Badge作为数值标记组件,它能作为链接或按钮的一部分来提供计数作用,而且它通过使用相对字体大小来适应父级元素的大小.它的最基本的修饰符为.badge .badge-*. <button type="button" class="btn btn-primary"> Notifications <span class="badge badge-light">4</span> </butto

安卓图片载入之使用universalimageloader载入圆形圆角图片

前言话说这universalimageloader载入图片对搞过2年安卓程序都是用烂了再熟悉只是了.就是安卓新手也是百度就会有一大堆东西出来,今天为什么这里还要讲使用universalimageloader呢.一是由于这个东西确实是一个非常不错的东西.第二让我们用imageloader来学习载入圆形圆角图片. 三呢以后项目中可能用到了直接copy. GITHUB上的下载路径为:https://github.com/nostra13/Android-Universal-Image-Loader

Flutter学习笔记（21）--TextField文本框组件和Card卡片组件

如需转载,请注明出处:Flutter学习笔记(21)--TextField文本框组件和Card卡片组件今天来学习下TextField文本框组件和Card卡片组件. 只要是应用程序就少不了交互,基本上所有的应用程序都会有用户名.密码输入框,搜索框等等,前面我们有写过一篇基于Form表单的输入功能,今天来看一下TextField文本框组件,文本输入是最常见的一种交互方式,TextField组件就是用来做文本输入的组件.注意这个要和Text组件区分开来,Text组件主要用于显示文本,并不能接受输入文