213 lines
		
	
	
		
			4.4 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
		
		
			
		
	
	
			213 lines
		
	
	
		
			4.4 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
|   | @charset "UTF-8"; | |||
|  | /** | |||
|  |  * 这里是uni-app内置的常用样式变量 | |||
|  |  * | |||
|  |  * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 | |||
|  |  * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App | |||
|  |  * | |||
|  |  */ | |||
|  | /** | |||
|  |  * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 | |||
|  |  * | |||
|  |  * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 | |||
|  |  */ | |||
|  | /* 颜色变量 */ | |||
|  | /* 行为相关颜色 */ | |||
|  | /* 文字基本颜色 */ | |||
|  | /* 背景颜色 */ | |||
|  | /* 边框颜色 */ | |||
|  | /* 尺寸变量 */ | |||
|  | /* 文字尺寸 */ | |||
|  | /* 图片尺寸 */ | |||
|  | /* Border Radius */ | |||
|  | /* 水平间距 */ | |||
|  | /* 垂直间距 */ | |||
|  | /* 透明度 */ | |||
|  | /* 文章场景相关 */ | |||
|  | .content.data-v-e70dcfb6 { | |||
|  |   background-color: #ffd8d8; | |||
|  |   width: 100%; | |||
|  |   height: 100vh; | |||
|  | } | |||
|  | .container.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   box-sizing: border-box; | |||
|  |   padding-top: 88px; | |||
|  |   background: linear-gradient(180deg, #ff5c28 0%, #ff5c28 20%, #ffd8d8 37%, #ffd8d8 100%); | |||
|  |   padding-bottom: 40px; | |||
|  | } | |||
|  | .my-header.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   height: 88px; | |||
|  |   background: #ff5c28; | |||
|  |   display: flex; | |||
|  |   align-items: center; | |||
|  |   justify-content: space-between; | |||
|  |   color: #fff; | |||
|  |   box-sizing: border-box; | |||
|  |   padding: 0px 15px; | |||
|  |   padding-top: 40px; | |||
|  |   z-index: 9999; | |||
|  |   position: fixed; | |||
|  |   top: 0px; | |||
|  | } | |||
|  | .my-header .my-icons.data-v-e70dcfb6 { | |||
|  |   width: 20px; | |||
|  | } | |||
|  | .top-lanmu.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   box-sizing: border-box; | |||
|  |   padding-top: 1px; | |||
|  | } | |||
|  | .box-bai.data-v-e70dcfb6 { | |||
|  |   width: 90%; | |||
|  |   margin: 10px auto; | |||
|  |   background-color: #ffffff; | |||
|  |   border-radius: 8px; | |||
|  |   box-sizing: border-box; | |||
|  |   padding: 10px; | |||
|  |   display: flex; | |||
|  |   align-items: center; | |||
|  |   justify-content: space-around; | |||
|  |   font-size: 14px; | |||
|  |   margin-top: 0px; | |||
|  | } | |||
|  | .size-bai.data-v-e70dcfb6 { | |||
|  |   color: #ffffff; | |||
|  |   font-size: 14px; | |||
|  | } | |||
|  | .title-bai.data-v-e70dcfb6 { | |||
|  |   font-size: 28px; | |||
|  |   font-weight: bold; | |||
|  |   color: #ffffff; | |||
|  | } | |||
|  | .box-box.data-v-e70dcfb6 { | |||
|  |   width: 25%; | |||
|  |   text-align: center; | |||
|  | } | |||
|  | .img-jg.data-v-e70dcfb6 { | |||
|  |   width: 50px; | |||
|  |   height: 50px; | |||
|  |   background-color: #1678ff; | |||
|  |   border-radius: 12px; | |||
|  |   margin: 0 auto; | |||
|  |   display: flex; | |||
|  |   align-items: center; | |||
|  |   justify-content: center; | |||
|  |   margin-bottom: 5px; | |||
|  | } | |||
|  | .bai-center.data-v-e70dcfb6 { | |||
|  |   width: 90%; | |||
|  |   border-radius: 8px; | |||
|  |   background-color: #ffffff; | |||
|  |   margin: 0 auto; | |||
|  |   box-sizing: border-box; | |||
|  |   padding: 10px; | |||
|  |   margin-top: 15px; | |||
|  | } | |||
|  | .tap-top.data-v-e70dcfb6 { | |||
|  |   margin-top: 20rpx; | |||
|  |   width: 100%; | |||
|  |   box-sizing: border-box; | |||
|  |   white-space: nowrap; | |||
|  | } | |||
|  | .tap-top .sz.data-v-e70dcfb6 { | |||
|  |   width: 25%; | |||
|  |   text-align: center; | |||
|  |   display: inline-block; | |||
|  | } | |||
|  | .tap-top .box.data-v-e70dcfb6 { | |||
|  |   text-align: center; | |||
|  |   font-size: 32rpx; | |||
|  |   margin-right: 50rpx; | |||
|  |   line-height: 32rpx; | |||
|  |   text-align: center; | |||
|  |   color: #666666; | |||
|  |   margin: 0 auto; | |||
|  |   margin-bottom: 22rpx; | |||
|  | } | |||
|  | .xztap.data-v-e70dcfb6 { | |||
|  |   color: #333333 !important; | |||
|  |   font-weight: bold !important; | |||
|  | } | |||
|  | .gang.data-v-e70dcfb6 { | |||
|  |   width: 50%; | |||
|  |   margin: 0 auto; | |||
|  |   height: 8rpx; | |||
|  |   background: #ff5c28; | |||
|  |   border-radius: 14rpx; | |||
|  | } | |||
|  | .wrap-box.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   display: flex; | |||
|  |   justify-content: space-between; | |||
|  |   flex-wrap: wrap; | |||
|  |   margin: 10px auto; | |||
|  | } | |||
|  | .box-goods.data-v-e70dcfb6 { | |||
|  |   width: 49%; | |||
|  |   margin-bottom: 15px; | |||
|  | } | |||
|  | .goods-img.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   height: 150px; | |||
|  | } | |||
|  | .goods-img image.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   height: 100%; | |||
|  | } | |||
|  | .anniux.data-v-e70dcfb6 { | |||
|  |   background-color: #ecf5ff; | |||
|  |   display: flex; | |||
|  |   align-items: center; | |||
|  |   justify-content: center; | |||
|  |   border-radius: 8px; | |||
|  |   box-sizing: border-box; | |||
|  |   padding: 10px; | |||
|  |   width: 100%; | |||
|  |   margin: 10px auto; | |||
|  |   color: #1678ff; | |||
|  |   font-weight: bold; | |||
|  | } | |||
|  | .goods-title.data-v-e70dcfb6 { | |||
|  |   font-size: 16px; | |||
|  |   font-weight: bold; | |||
|  |   color: #000000; | |||
|  |   margin: 5px 0px; | |||
|  | } | |||
|  | .good-red.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   display: flex; | |||
|  |   align-items: center; | |||
|  |   justify-content: space-between; | |||
|  | } | |||
|  | .hui-time.data-v-e70dcfb6 { | |||
|  |   font-size: 14px; | |||
|  |   color: #8895AB; | |||
|  | } | |||
|  | .bi.data-v-e70dcfb6 { | |||
|  |   width: 18px; | |||
|  |   height: 18px; | |||
|  |   margin-right: 2px; | |||
|  | } | |||
|  | .bi image.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   height: 100%; | |||
|  | } | |||
|  | .hby.data-v-e70dcfb6 { | |||
|  |   width: 90%; | |||
|  |   margin: 0 auto; | |||
|  |   display: flex; | |||
|  |   align-items: center; | |||
|  |   justify-content: space-between; | |||
|  | } | |||
|  | .tp.data-v-e70dcfb6 { | |||
|  |   width: 200px; | |||
|  |   height: 120px; | |||
|  | } | |||
|  | .tp image.data-v-e70dcfb6 { | |||
|  |   width: 100%; | |||
|  |   height: 100%; | |||
|  | } | |||
|  | 
 |