@hzy1123581324/z-view-ui
Version:
z-view-ui是使用vue3开发的组件，开发中,有部分组件功能未实现,慎用
231 lines (229 loc) • 7.93 kB
CSS
/*充满整个父容器*/
.full{width:100%;height:100%}
/*长宽比1比1*/
.size20{width:20rpx;height:20rpx}
.size22{width:22rpx;height:22rpx}
.size24{width:24rpx;height:24rpx}
.size26{width:26rpx;height:26rpx}
.size28{width:28rpx;height:28rpx}
.size30{width:30rpx;height:30rpx}
.size32{width:32rpx;height:32rpx}
.size34{width:34rpx;height:34rpx}
.size36{width:36rpx;height:36rpx}
.size38{width:38rpx;height:38rpx}
.size40{width:40rpx;height:40rpx}
.size42{width:42rpx;height:42rpx}
.size44{width:44rpx;height:44rpx}
.size46{width:46rpx;height:46rpx}
.size48{width:48rpx;height:48rpx}
.size50{width:50rpx;height:50rpx}
.size52{width:52rpx;height:52rpx}
.size54{width:54rpx;height:54rpx}
.size56{width:56rpx;height:56rpx}
.size58{width:58rpx;height:58rpx}
.size60{width:60rpx;height:60rpx}
.size62{width:62rpx;height:62rpx}
.size64{width:64rpx;height:64rpx}
.size66{width:66rpx;height:66rpx}
.size68{width:68rpx;height:68rpx}
.size70{width:70rpx;height:70rpx}
.size72{width:72rpx;height:72rpx}
.size74{width:74rpx;height:74rpx}
.size76{width:76rpx;height:76rpx}
.size78{width:78rpx;height:78rpx}
.size80{width:80rpx;height:80rpx}
.size82{width:82rpx;height:82rpx}
.size84{width:84rpx;height:84rpx}
.size86{width:86rpx;height:86rpx}
.size88{width:88rpx;height:88rpx}
.size90{width:90rpx;height:90rpx}
.size92{width:92rpx;height:92rpx}
.size94{width:94rpx;height:94rpx}
.size96{width:96rpx;height:96rpx}
.size98{width:98rpx;height:98rpx}
.size100{width:100rpx;height:100rpx}
.size110{width:110rpx;height:110rpx}
.size112{width:112rpx;height:112rpx}
.size120{width:120rpx;height:120rpx}
.size128{width:128rpx;height:128rpx}
.size130{width:130rpx;height:130rpx}
.size152{width:152rpx;height:152rpx;}
.size156{width:156rpx;height:156rpx;}
.size160{width:160rpx;height:160rpx;}
.size172{width:172rpx;height:172rpx;}
.size200{width:200rpx;height:200rpx;}
.size270{width:270rpx;height:270rpx;}
.size371{width:371rpx;height:371rpx;}
/* *********************************************高度百分比*****我是分割线********************************************** */
.h-100{height:100% }
.h-92{height:92%}
.h-84{height:84%}
.h-50{height:50%}/*两列*/
.h-33{height:33.3333%}/*3列*/
.h-25{height:25%}/*4列*/
.h-20{height:20%}/*5列*/
.minh-100{min-height:100% }
.minh-92{min-height:92%}
.minh-84{min-height:84%}
.minh-50{min-height:50%}
.minh-33{min-height:33.3333%}
.minh-25{min-height:25%}
.minh-20{min-height:20%}
.maxh-100{max-height:100% }
.maxh-92{max-height:92%}
.maxh-84{max-height:84%}
.maxh-50{max-height:50%}
.maxh-33{max-height:33.3333%}
.maxh-25{max-height:25%}
.maxh-20{max-height:20%}
/* *********************************************实际高度******我是分割线********************************************** */
.h20{height:20rpx}
.h22{height:22rpx}
.h24{height:24rpx}
.h26{height:26rpx}
.h28{height:28rpx}
.h30{height:30rpx}
.h32{height:32rpx}
.h34{height:34rpx}
.h36{height:36rpx}
.h38{height:38rpx}
.h40{height:40rpx}
.h42{height:42rpx}
.h44{height:44rpx}
.h46{height:46rpx}
.h48{height:48rpx}
.h50{height:50rpx}
.h52{height:52rpx}
.h54{height:54rpx}
.h56{height:56rpx}
.h58{height:58rpx}
.h60{height:60rpx}
.h62{height:62rpx}
.h64{height:64rpx}
.h66{height:66rpx}
.h68{height:68rpx}
.h70{height:70rpx}
.h72{height:72rpx}
.h74{height:74rpx}
.h76{height:76rpx}
.h78{height:78rpx}
.h80{height:80rpx}
.h82{height:82rpx}
.h84{height:84rpx}
.h86{height:86rpx}
.h88{height:88rpx}
.h90{height:90rpx}
.h92{height:92rpx}
.h94{height:94rpx}
.h96{height:96rpx}
.h98{height:98rpx}
.h100{height:100rpx}
.h102{height:102rpx}
.h104{height:104rpx}
/* *********************************************最小高度*****我是分割线********************************************** */
.minh30{min-height:30rpx}
.minh32{min-height:32rpx}
.minh34{min-height:34rpx}
.minh36{min-height:36rpx}
.minh38{min-height:38rpx}
.minh40{min-height:40rpx}
.minh42{min-height:42rpx}
.minh44{min-height:44rpx}
.minh46{min-height:46rpx}
.minh48{min-height:48rpx}
.minh50{min-height:50rpx}
.minh52{min-height:52rpx}
.minh54{min-height:54rpx}
.minh56{min-height:56rpx}
.minh58{min-height:58rpx}
.minh60{min-height:60rpx}
.minh62{min-height:62rpx}
.minh64{min-height:64rpx}
.minh66{min-height:66rpx}
.minh68{min-height:68rpx}
.minh70{min-height:70rpx}
.minh72{min-height:72rpx}
.minh74{min-height:74rpx}
.minh76{min-height:76rpx}
.minh78{min-height:78rpx}
.minh80{min-height:80rpx}
.minh82{min-height:82rpx}
.minh84{min-height:84rpx}
.minh86{min-height:86rpx}
.minh88{min-height:88rpx}
.minh90{min-height:90rpx}
.minh92{min-height:92rpx}
.minh94{min-height:94rpx}
.minh96{min-height:96rpx}
.minh98{min-height:98rpx}
.minh100{min-height:100rpx}
/* *********************************************我是分割线********************************************** */
.maxh30{max-height:30rpx}
.maxh32{max-height:32rpx}
.maxh34{max-height:34rpx}
.maxh36{max-height:36rpx}
.maxh38{max-height:38rpx}
.maxh40{max-height:40rpx}
.maxh42{max-height:42rpx}
.maxh44{max-height:44rpx}
.maxh46{max-height:46rpx}
.maxh48{max-height:48rpx}
.maxh50{max-height:50rpx}
.maxh52{max-height:52rpx}
.maxh54{max-height:54rpx}
.maxh56{max-height:56rpx}
.maxh58{max-height:58rpx}
.maxh60{max-height:60rpx}
.maxh62{max-height:62rpx}
.maxh64{max-height:64rpx}
.maxh66{max-height:66rpx}
.maxh68{max-height:68rpx}
.maxh70{max-height:70rpx}
.maxh72{max-height:72rpx}
.maxh74{max-height:74rpx}
.maxh76{max-height:76rpx}
.maxh78{max-height:78rpx}
.maxh80{max-height:80rpx}
.maxh82{max-height:82rpx}
.maxh84{max-height:84rpx}
.maxh86{max-height:86rpx}
.maxh88{max-height:88rpx}
.maxh90{max-height:90rpx}
.maxh92{max-height:92rpx}
.maxh94{max-height:94rpx}
.maxh96{max-height:96rpx}
.maxh98{max-height:98rpx}
.maxh100{max-height:100rpx}
/* *********************************************宽度百分比***我是分割线********************************************** */
.w_100 {width: 100% }
.w_92 {width: 92% ;margin-left:auto;margin-right:auto}/*两倍图690*/
.w_84 {width: 84%;display: inline-block;margin-left:auto;margin-right:auto}/*两倍图630*/
.w_50 {width: 50%}/*两列*/
.w_33{width:33.3333% }/*3列*/
.w_25{width:25%}/*4列*/
.w_20{width:20% }/*5列*/
.w-100{width:100%}
.w-92{width:92%}/*两倍图690*/
.w-84{width:84%}/*两倍图630*/
.w-50{width:50%}/*两列*/
.w-33{width:33.3333%}/*3列*/
.w-25{width:25%}/*4列*/
.w-20{width:20%}/*5列*/
/* *********************************************我是分割线********************************************** */
.w100{width:100rpx}
.w110{width:110rpx}
.w120{width:120rpx}
.w130{width:130rpx}
.w140{width:140rpx}
.w150{width:150rpx}
.w152{width:152rpx}
.w156{width:156rpx}
.w160{width:160rpx}
.w168{width:168rpx}
.w170{width:170rpx}
.w180{width:180rpx}
.w190{width:190rpx}
.w200{width:200rpx}
.w210{width:210rpx}
.w750{width:750rpx}
/* *********************************************我是分割线********************************************** */