利用CSS3选择器实现表格的斑马纹

要用到的Css3选择器element:nth-child(number){}选择器匹配属于其父元素的第number个子元素参数Numberodd奇数even偶数W3School介绍:http://www.w3school.com.cn/cssref/selector_nth-child.asp  完整demo:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>测试</title></head><style>#testtabletbodytr:nth-child(odd){/*匹配奇数行*/background-color:lightskyblue;color:b...

在 vue cli3 的项目中配置双服务,模拟 ajax 分页请求

最近安装了下vuecli3版本,与cli2相比,文件少了,以前配置方法也不管用了。demo中的大量的数据,需要做成ajax请求的方式来展示数据,因此,需要启动两个服务,一个用作前端请求,一个用作后端发送。双服务的配置方法在build/webpack.dev.conf.js中写入。在安装成功vue后,是仅有一个端口为8080的服务,默认的服务名称为:devServer,为了满足两个服务的需求,需要在这个文件中再配一个服务,服务名称为:api-server constdevWebpackConfig=merge(baseWebpackConfig,{module:{rules:utils.styleLoaders({sourceMap:config.dev.cssSourceMap,usePostCSS:true})},//cheap-module-eval-source-mapisfasterfordevelopmentdevtool:config.dev.devtool,//thesedevServeroptionsshouldbecustomizedin/config/in...

vue 外部字体图标使用,无须绝对路径引入办法

通常外部字体图标都在使用iconfont,这种图标在网上搜到一大把都是由于路径问题显示不出来,或者是显示个方块。最近的项目中也碰到这个坑爸的问题,总结一下解决办法:和webpack.config 配置没有多大关系,按照 vue-cli 生成的  webpack.base.conf.js 这个文件不需要改动,保持原来就好将icon 文件与icon 样式文件 置于同一目录下放在 assets 目录下即可在main.js 中 通过import 引入,路径以./assets/ 为开始置于同一目录下放在 assets 目录下@font-face{font-family:'icon';src:url('icon.eot?btu5gk');src:url('icon.eot?btu5gk#iefix')format('embedded-opentype'),url('icon.ttf?btu5gk')format('truetype...

Android—TableLayout自定义表格

最近的一个项目中,需要用的表格,由于平时很少用到表格,所以,就准备到网上搜搜,发现可参考的很少,加上,自己也想多了解点TableLayout布局,所欲就打算自己动手来实现自己需要的表格。先看看需求吧。如图,上面这几个表格都差不多。主要区别:1.列数不同2.列的宽度不一定是均分的。谈下思路:从图我们可以看出,表头和表格可以分为两个表。因为样式不一样,而且,为了方便表中方便填充数据。获取屏幕宽度,设置单个列的宽度,其他列,则需要均分的就均分。上代码了:tableview.xml部分<?xmlversion="1.0"encoding="UTF-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/head_head"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><TableLa...

phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护

转:http://www.cnblogs.com/huangcong/p/3687665.html 首先到phpexcel官网上下载最新的phpexcel类,下周解压缩一个classes文件夹,里面包含了PHPExcel.php和PHPExcel的文件夹,这个类文件和文件夹是我们需要的,把classes解压到你项目的一个目录中,重名名为phpexcel,开始喽,(代码都摘自自带实例) 程序部分 require_once './phpexcel/PHPExcel.php'; //首先创建一个新的对象  PHPExcelobject$objPHPExcel= new PHPExcel(); //设置文件的一些属性,在xls文件——>属性——>详细信息里可以看到这些值,xml表格里是没有这些值的$objPHPExcel      ->getProperties()&nb...

***Git 常用命令速查表(图文+表格)

 一、Git常用命令速查gitbranch查看本地所有分支gitstatus查看当前状态 gitcommit提交 gitbranch-a查看所有的分支gitbranch-r查看远程所有分支gitcommit-am"init"提交并且加注释 gitremoteaddorigingit@192.168.1.119:ndshowgitpushoriginmaster将文件给推到服务器上 gitremoteshoworigin显示远程库origin里的资源 gitpushoriginmaster:developgitpushoriginmaster:hb-dev将本地库与服务器上的库进行关联 gitcheckout--trackorigin/dev切换到远程dev分支gitbranch-Dmasterdevelop删除本地库developgitcheckout-bdev建立一个新的本地分支devgitmergeorigin/dev将分支dev与当前分支进行合并gitcheckoutdev切换到本地dev分支gitremote...

【laravel5.4+vue.js】laravel 循环三维数组,解决:htmlentities() expects parameter 1 to be string, array given

laravel循环三维数组  +++  vue.js循环三维数组 (数据均是以三维数组形式存在的)<form-itemlabel="权限名称"prop="interest">@foreach($permission3levelas$k=>$v)@foreach($vas$k2=>$v2){{$v2['name']}}+++{{$v2['cate_id']}}@endforeach@endforeach</form-item><form-itemlabel="权限名称"prop="interest">@foreach($permission3levelas$k=>$v)@if($k==1)<divv-for="(item2,index2)inlevel"><checkbox-groupv-model="ruleForm.interest"><Checkboxv-for="(item,index)initem2":index="index":label="i...

laravel5.4】vue分页删除

1、a标签执行ajax删除,后台删除成功后,执行vue分页对象删除对应数据 VUE.js ...

【table】给table表格设置一个通用的css3样式(默认有斑马条纹)

/*=表格(默认有斑马条纹)------------------------------------------*/.data-table{margin:10px0;}.data-tabletable{width:100%;border-collapse:collapse;//设置表格边框合并为单一边框}.data-tablecaption{height:30px;line-height:30px;font-weight:700;}.data-tabletheadth,.data-tabletbodytd{padding:8px;height:19px;line-height:19px;font-weight:400;}.data-tabletheadth{text-align:left;color:#fff;background-color:#353535;}.data-tabletbodytr{background-color:#fefefe;color:#686868;}.data-tabletbodytr:nth-child(even){background-color:#f2...
首页上一页...154155156157158下一页尾页