| | |
| | | <script>
|
| | | export default {
|
| | | onLaunch: function () {
|
| | | console.log('App Launch')
|
| | | },
|
| | | onShow: function () {
|
| | | console.log('App Show')
|
| | | },
|
| | | onHide: function () {
|
| | | console.log('App Hide')
|
| | | }
|
| | | }
|
| | | </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>
|
| | | <script> |
| | | export default { |
| | | onLaunch: function () { |
| | | console.log('App Launch') |
| | | }, |
| | | onShow: function () { |
| | | console.log('App Show') |
| | | }, |
| | | onHide: function () { |
| | | console.log('App Hide') |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | /*每个页面公共css */ |
| | | @import "uview-ui/index.scss"; |
| | | |
| | | .flex-cb { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .empty_wrap{ |
| | | padding-top: 280rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | color: #999999; |
| | | image{ |
| | | width: 220rpx; |
| | | height: 238rpx; |
| | | } |
| | | } |
| | | .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 !important ; |
| | | } |
| | | |
| | | //设置圆角 |
| | | 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> |