From 1382a7990e9b13f60c6416ada5477673a934dd16 Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期四, 29 八月 2024 09:02:57 +0800 Subject: [PATCH] ll --- pda/App.vue | 284 ++++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 223 insertions(+), 61 deletions(-) diff --git a/pda/App.vue b/pda/App.vue index b9da85e..039c633 100644 --- a/pda/App.vue +++ b/pda/App.vue @@ -12,66 +12,228 @@ } </script> -<style lang="scss"> -@import "uview-ui/index.scss"; -/*姣忎釜椤甸潰鍏叡css */ -view { - box-sizing: border-box; -} - -image { - box-sizing: border-box; - margin: 0; - display: flex; -} -input { - font-size: 30rpx; -} -textarea { - box-sizing: border-box; - // background-color: #f7f7f7; - font-size: 30rpx !important; - padding: 0; - border-radius: 8rpx; - color: #333333 !important; -} -.u-textarea { - padding: 0 !important; - color: #333333 !important; -} - -.df_ac { - display: flex; - align-items: center; -} - -.main_app { - padding: 0 30rpx 30rpx; - font-size: 28rpx; - color: #333333; -} -.primaryColor{ - color: $uni-color-primary; -} -.placeholder9 { - color: #999999; - font-size: 28rpx; -} -.fs24 { - font-size: 24rpx; -} -.mr24 { - margin-right: 24rpx; -} - -.mr12 { - margin-right: 12rpx; -} -.ml12 { - margin-left: 12rpx; -} - -.mr6 { - margin-right: 6rpx; +<style lang="scss"> +/*姣忎釜椤甸潰鍏叡css */ +@import "uview-ui/index.scss"; + +.flex-cb { + display: flex; + justify-content: space-between; + align-items: center; +} + +.container { + height: 100%; + width: 100%; + max-width: 800rpx; + overflow-y: auto; +} + +.doumee-container .ivu-tabs-nav { + width: 100%; +} + +.doumee-container .ivu-tabs-nav .ivu-tabs-tab { + width: calc(100% / 3); +} + +.doumee-container .ivu-tabs-nav .ivu-tabs-tab { + margin-right: 0; + text-align: center; +} + +.cell { + background-color: #fff; + display: flex; + justify-content: space-between; + align-items: center; + min-height: 100rpx; + padding: 24rpx 30rpx; + box-sizing: border-box; + border-bottom: 1rpx solid #eee; + font-size: 15rpx; + position: relative; +} + +.cell .title { + flex-shrink: 0; + color: #222; + line-height: 20rpx; + height: 20rpx; + width: 28%; + margin-right: 5%; +} + +.cell .content { + flex: 1; + font-size: 28rpx; + font-weight: 400; + color: #999999; + display: flex; + align-items: center; + justify-content: flex-end; +} + +.cell .content .input { + width: 100%; + height: 100%; + font-size: 28rpx; + font-weight: 400; + color: #333333; + text-align: right; +} + +.cell.is-link::after { + content: ""; + display: block; + width: 8rpx; + height: 8rpx; + transform: rotate(-45deg); + border-right: 1rpx solid #999999; + border-bottom: 1rpx solid #999999; + margin-left: 5rpx; +} + +.card { + background-color: #fff; + padding: 16rpx; + position: relative; +} + +.card::after { + content: ""; + display: block; + position: absolute; + width: calc(100% - 32rpx); + height: 0; + bottom: 0; + left: 16rpx; + border-bottom: 1rpx solid #f7f7f7; +} + +.card .title { + color: #777777; + margin-bottom: 12rpx; +} + +.card .content { + color: #222; +} + +.placeholder9 { + color: #999999 !important; + font-size: 28rpx; +} +.red{ + color: red; +} + +//璁剧疆鍦嗚 +checkbox .uni-checkbox-input { + border-radius: 50%; +} + +checkbox .uni-checkbox-input.uni-checkbox-input-checked { + color: #fff !important; + border: 1px solid #4d99a8 !important; + background-color: #4d99a8 !important; +} + +checkbox .uni-checkbox-input.uni-checkbox-input-checked:before { + /* color: #4d99a8 !important; */ + /* border: 1px solid #4d99a8 !important; */ + /* font-size: 58rpx; */ + /* border-radius: 50%; */ +} + +// + +view { + box-sizing: border-box; +} + +image { + box-sizing: border-box; + margin: 0; + display: flex; +} +input { + font-size: 30rpx; +} +textarea { + box-sizing: border-box; + // background-color: #f7f7f7; + font-size: 30rpx !important; + padding: 0; + border-radius: 8rpx; + color: #333333 !important; +} +.u-textarea { + padding: 0 !important; + color: #333333 !important; +} + +.df_ac { + display: flex; + align-items: center; +} + +.main_app { + padding: 0 30rpx 30rpx; + font-size: 28rpx; + color: #333333; +} +.popupShow { + overflow: hidden; + position: fixed; + width: 100%; +} +.placeholder6 { + color: #666666; + font-size: 28rpx; +} +.primaryColor { + color: $uni-color-primary; +} +.avatar { + width: 64rpx; + height: 64rpx; + border-radius: 50%; + margin-right: 20rpx; + display: flex; + justify-content: center; + align-items: center; + background-color: $uni-color-primary; + color: #fff; + font-size: 30rpx; +} +.placeholder9 { + color: #999999; + font-size: 28rpx; +} +.fs24 { + font-size: 24rpx; +} +.mr24 { + margin-right: 24rpx; +} +.mt24 { + margin-top: 24rpx; +} + +.mr12 { + margin-right: 12rpx; +} +.ml12 { + margin-left: 12rpx; +} +.ml6 { + margin-left: 6rpx; +} +.mt6 { + margin-top: 6rpx; +} +.mr6 { + margin-right: 6rpx; } </style> -- Gitblit v1.9.3