confirm.wxss 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. page.data-v-ee625af0{height:100%}
  28. .content.data-v-ee625af0{position:relative;width:100%;height:100%;font-family:"MicrosoftYaHei";font-weight:400;background-image:url(/static/images/背景.png);background-size:100% 100%;background-attachment:fixed}
  29. .content background-repeat:no-repeat .status_bar.data-v-ee625af0{position:fixed;top:0;height:25px;width:100%;background:#f8f8f8;z-index:1000}
  30. .content .navBar.data-v-ee625af0{position:fixed;top:0;left:0;width:750rpx;height:55rpx;margin-top:34rpx;color:#fff;font-weight:bold;background-color:rbga(0, 0, 0, 0.1);text-align:center;line-height:55rpx}
  31. .content .navBar .back.data-v-ee625af0{display:inline-block;position:absolute;top:16rpx;left:30rpx;width:10px;height:10px;border:none;border-bottom:4rpx solid #fff;border-left:4rpx solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);text-align:center}
  32. .content .messageCard.data-v-ee625af0{position:absolute;top:330rpx;left:36rpx;width:678rpx;height:680rpx;background:#fff;border-radius:14rpx;-webkit-box-sizing:border-box;box-sizing:border-box}
  33. .content .messageCard .detail.data-v-ee625af0{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:578rpx;height:300rpx;margin-top:50rpx;margin-left:50rpx}
  34. .content .messageCard .detail .head.data-v-ee625af0{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}
  35. .content .messageCard .detail .head view.data-v-ee625af0{width:8rpx;height:30rpx;background:#6EAFF0;margin-top:12rpx;margin-right:19rpx}
  36. .content .messageCard .detail .head text.data-v-ee625af0{font-size:32rpx;font-weight:bold;color:#333333;line-height:54rpx}
  37. .content .messageCard .detail .mes.data-v-ee625af0{font-size:28rpx;line-height:54rpx}
  38. .content .messageCard .confirm.data-v-ee625af0{width:322rpx;height:80rpx;background:#6EAFF0;border-radius:10rpx;margin:0 auto;font-size:28rpx;color:#FFFFFF;line-height:80rpx;text-align:center;margin-top:100rpx}
  39. .content .messageCard .footer.data-v-ee625af0{display:block;width:578rpx;height:63rpx;margin:0 auto;margin-top:38rpx;font-size:24rpx;color:#B3B3B3;line-height:40rpx}
  40. .content .messageBg1.data-v-ee625af0{position:absolute;top:344rpx;left:51rpx;width:648rpx;height:680rpx;background:#FFFFFF;opacity:0.7;border-radius:14rpx}
  41. .content .messageBg2.data-v-ee625af0{position:absolute;top:357rpx;left:58rpx;width:634rpx;height:680rpx;background:#FFFFFF;opacity:0.5;border-radius:14rpx}