setPsd.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .setPsd ._password.data-v-2bd5c912 {
  21. margin-top: 20%;
  22. height: 140rpx;
  23. width: 100vw;
  24. padding: 20rpx;
  25. display: -webkit-box;
  26. display: -webkit-flex;
  27. display: flex;
  28. box-sizing: border-box;
  29. }
  30. .setPsd ._password > ._li.data-v-2bd5c912 {
  31. -webkit-box-flex: 1;
  32. -webkit-flex: 1;
  33. flex: 1;
  34. height: 100%;
  35. border: 1rpx solid #ddd;
  36. border-right: none;
  37. }
  38. .setPsd ._password > ._li.data-v-2bd5c912:last-child {
  39. border-right: 1rpx solid #ddd;
  40. }
  41. .setPsd ._password > .active.data-v-2bd5c912 {
  42. position: relative;
  43. }
  44. .setPsd ._password > .active.data-v-2bd5c912::after {
  45. content: "";
  46. position: absolute;
  47. top: 50%;
  48. left: 50%;
  49. border-radius: 20rpx;
  50. -webkit-transform: translate(-50%, -50%);
  51. transform: translate(-50%, -50%);
  52. height: 40rpx;
  53. width: 40rpx;
  54. background: #666;
  55. }
  56. .setPsd .confirmBtn.data-v-2bd5c912 {
  57. height: 88rpx;
  58. width: 140rpx;
  59. background: #3385ff;
  60. text-align: center;
  61. line-height: 88rpx;
  62. margin: 10% auto;
  63. border-radius: 8rpx;
  64. font-size: 32rpx;
  65. color: #ffffff;
  66. }