Blame view

components/thorui/tui-grid/tui-grid.vue 690 Bytes
46b6767c   刘淇   init 提交到库
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
  <template>
  	<view class="tui-grids" :class="{'tui-border-top':unlined}">
  		<slot></slot>
  	</view>
  </template>
  
  <script>
  	export default {
  		name:"tuiGrid",
  		props: {
  			//是否去掉上线条
  			unlined: {
  				type: Boolean,
  				default: false
  			}
  		}
  	}
  </script>
  
  <style scoped>
  	.tui-grids {
  		width: 100%;
  		position: relative;
  		overflow: hidden;
  	}
  
  	.tui-grids::after {
  		content: " ";
  		position: absolute;
  		left: 0;
  		top: 0;
  		width: 100%;
  		height: 1px;
  		border-top: 1px solid #eaeef1;
  		-webkit-transform-origin: 0 0;
  		transform-origin: 0 0;
  		-webkit-transform: scaleY(0.5);
  		transform: scaleY(0.5);
  	}
  
  	.tui-border-top::after {
  		border-top: 0 !important;
  	}
  </style>