- 博客(10)
- 收藏
- 关注
原创 css+ vw&rem 自适应布局
对于 ipone6100vw = 750px1px = 100vw/750100px= 10000vw/750=100vw/7.5html:font-size->1rem->100vw/7.5=100px在750尺寸下布局完成,在其他尺寸自适应举例子在375按道理rem应该等于50px 就可以等比缩放看看这个式子在375下是否是50px100vw/7.5=375p...
2019-09-20 17:19:01 516
原创 css3 实现 antd table固定头和列
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } .table-head { position:...
2019-09-26 20:47:42 1640
原创 react antd table 全选
import React from 'react';import ReactDOM from 'react-dom';import 'antd/dist/antd.css';import './index.css';import { Table } from 'antd';const columns = [{ title: 'Name', dataIndex: 'name',...
2019-09-25 21:07:57 1466
原创 Echarts line markPoint symbol/lineStyle color
每个点的样式属于itemStyle来管理{ // name: '平均温度', type: 'line', symbol: 'triangle', symbolSize:20, label: { normal: { show: true, position: 'top', fontWeight:...
2019-09-25 10:42:25 1216
原创 ng-animation
1.在组件定义和声明触发器2.声明state3.在标签上使用[@state]='state’指明是哪个触发器4.在标签上定义函数切换statestep1,step2定义触发器trigger是个函数 animations:[cardAnim]animations这个数组存放animation相关的函数import { trigger, state, transition, sty...
2019-09-23 21:16:18 213
原创 css+ linear-gradient
background: -webkit-linear-gradient(left,#24adf3 25%,#3498db 50%); background: -webkit-linear-gradient(left,#24adf3 25%,#3498db 25%);
2019-09-23 15:23:27 93
原创 css+ js&rem 自适应布局
因为手机的分辨率各不相同,在移动端的适配就是一个值得讨论的问题。关于rem布局的基本使用rem 是 根元素的字体大小其他元素可以根据这个大小进行布局然后只需要根据获取当前屏幕的宽度,修改rem 就可实现自适应布局举例说明设计稿750 根元素字体大小为100px要适配到 375的分辨率其实只要算出 375下 一个像素需要折合750下多少像素就行了750 / 375 = 2也就...
2019-09-20 14:11:39 288
原创 #模板引用变量
<input #box (keyup.enter)="update(box.value)" (blur)="update(box.value)"> <p>{{value}}</p>在ng 里面 ,只需要用#声明一个DOM引用 无需像JQ那样复杂的操作,即可实现元素获取获取之后就是使用,可以把这个变量当一个普通的成员...
2019-09-11 16:01:53 438
原创 Angular 路由传参 组件接受参数
LInk 跳转GET路由<a [routerLink]="[ ‘/newscontent’]">跳转到新闻详情<a [routerLink]="[’/newscontent’]" [queryParams]="{aid:key}">{{key}}–{{item}}动态路由<a [routerLink]="[ ‘/newscontent/’, key ]...
2019-09-05 22:30:03 946
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人