From d75b0b71c2feed580bf765c0d6007b3c1f17ca74 Mon Sep 17 00:00:00 2001 From: loulijun2021 <1694218219@qq.com> Date: 星期三, 19 十月 2022 09:54:00 +0800 Subject: [PATCH] 1.消息列表静态页面实现 --- unpackage/cache/wgt/H5EDA0853/css/global.css | 159 +++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 153 insertions(+), 6 deletions(-) diff --git a/unpackage/cache/wgt/H5EDA0853/css/global.css b/unpackage/cache/wgt/H5EDA0853/css/global.css index 959f185..afba783 100644 --- a/unpackage/cache/wgt/H5EDA0853/css/global.css +++ b/unpackage/cache/wgt/H5EDA0853/css/global.css @@ -1,10 +1,90 @@ +body { + background-color: #eff0f1; + /* background-color: #DDDDDD; */ +} + + +.body { + min-height: 600px; + margin-top: 0px; + position: relative; +} + +.van-nav-bar__content { + background-color: #2651d8; + height: 44px; +} + +.van-nav-bar__title { + color: #fff; + letter-spacing: 2px; +} + +.van-nav-bar__right { + padding: 0; + margin-right: 16px; +} + + +.topRight{ + width:160px;min-height:60px;display: flex;flex-direction: column;padding: 10px; +} +.topRightItem{ + display: flex;align-items: center;line-height: 20px;border-bottom: 1px solid #eee; +} + +.vanFieldInput { + height: 36px; + line-height: 36px; + align-items: center; + border: 1px solid #ddd !important; + border-radius: 5px; + padding: 0; + padding-left: 10px; + margin: 5px 0; +} + +.vanFieldInputArea { + border: 1px solid #ddd !important; + border-radius: 5px; + min-height: 73px; +} + +.van-field__control { + padding: 0 10px; +} + +.vanButtonInfo { + width: 100%; + letter-spacing: 2px; + height: 50px; + border-radius: 5px; + font-size: 18px; + margin-bottom: 2px; +} + +.buttonSmall { + border-radius: 5px; +} + +.van-nav-bar__arrow { + color: #fff !important; +} + +.textEllipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + .head { - background-color: aliceblue; + background-color: #fff; padding-top: 10px; padding-bottom: 10px; margin: 5px 8px; display: flex; flex-direction: column; + border-radius: 10px; } .head_block { @@ -17,9 +97,13 @@ } .head_bar { - width: 5px; - height: 20px; - background-color: red; +/* width: 5px; + height: 20px; */ + /* background-color: red; */ + margin-left: 5px; + border-radius: 3px; + border:2px solid red; + } .head_title { @@ -43,9 +127,16 @@ align-items: center; } -.center_title{ +.flex_center_center { + display: flex; + align-items: center; + justify-content: center; +} + +.center_title { font-weight: bolder; } + .center_border { border: 1px solid #ccc; min-height: 50px; @@ -60,7 +151,8 @@ .footer { position: fixed; bottom: 0; - background-color: aliceblue; + background-color: #fff; + border-radius: 10px; min-height: 100px; padding-top: 10px; margin: 5px 8px 0; @@ -69,3 +161,58 @@ display: flex; flex-direction: column; } + + +.sacnBody { + display: flex; + flex-direction: column; +} + +.scanImg { + width: 128px; + height: 128px; + border-radius: 50%; + margin: 200px auto 20px; + background: url(".././static/images/scan.png") no-repeat; + box-shadow: #436df5 0px 0px 28px; +} + +.box { + width: 128px; + height: 128px; + margin: 200px auto 20px; + background-color: #436df5; + border-radius: 50%; + box-shadow: #436df5 0px 0px 28px; + display: flex; + align-items: center; + justify-content: center; +} + +.boxImg { + width: 100px; + height: 100px; + border-radius: 50%; + background: #436df5 url(".././static/images/box1.png") no-repeat; +} + +.scanText { + margin: auto; + color: #000ccc; +} + + +.van-cell { + padding: 0; + font-size: 16px; + line-height: 21px; + position: unset; +} + +.van-cell__title { + margin-left: 20px; +} + +.cellDiv { + margin-left: 20px; +} -- Gitblit v1.9.3