Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
ch-校园卡
/
newStudent
8
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Gałąź: master
Gałęzie Tagi
newStudent
/
unpackage
/
dist
/
dev
/
mp-weixin
/
pages
/
faceSearch
/
faceSea.wxss

faceSea.wxss 4.3 KB
Bezpośredni odnośnik Historia Czysty

1234567891011121314151617181920212223242526272829303132333435363738394041424344 
  1. @charset "UTF-8";
    2. 

  2. /**
    3. 

  3.  * 这里是uni-app内置的常用样式变量
    4. 

  4.  *
    5. 

  5.  * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
    6. 

  6.  * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
    7. 

  7.  *
    8. 

  8.  */
    9. 

  9. /**
    10. 

  10.  * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
    11. 

  11.  *
    12. 

  12.  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
    13. 

  13.  */
    14. 

  14. /* 颜色变量 */
    15. 

  15. /* 行为相关颜色 */
    16. 

  16. /* 文字基本颜色 */
    17. 

  17. /* 背景颜色 */
    18. 

  18. /* 边框颜色 */
    19. 

  19. /* 尺寸变量 */
    20. 

  20. /* 文字尺寸 */
    21. 

  21. /* 图片尺寸 */
    22. 

  22. /* Border Radius */
    23. 

  23. /* 水平间距 */
    24. 

  24. /* 垂直间距 */
    25. 

  25. /* 透明度 */
    26. 

  26. /* 文章场景相关 */
    27. 

  27. .content{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:start;-webkit-justify-content:flex-start;justify-content:flex-start;width:100%;height:100%;background:#fff;font-family:"MicrosoftYaHei"}
    28. 

  28. .content .cameraField{position:relative;width:750rpx;height:760rpx;background:#6EAFF0;z-index:2}
    29. 

  29. .content .cameraField cover-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}
    30. 

  30. .content .cameraField .hint{position:absolute;top:45rpx;left:223rpx;width:301rpx;height:72rpx;color:#fff;font-size:32rpx;background:rgba(0,0,0,0.33);border-radius:36rpx;text-align:center;line-height:72rpx;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:4}
    31. 

  31. .content .cameraField .hint image{max-width:30rpx;max-height:30rpx;vertical-align:middle;margin-right:15rpx;margin-bottom:4rpx}
    32. 

  32. .content .cameraField .uploading{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;top:251rpx;left:244rpx;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;width:263rpx;height:296rpx;font-size:24rpx;border-radius:10rpx;background:rgba(0,0,0,0.33);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:4}
    33. 

  33. .content .cameraField .uploading image{max-width:60rpx;max-height:60rpx;text-align:center;margin-left:102rpx;margin-top:40rpx;-webkit-animation:myMove 2s linear infinite normal;animation:myMove 2s linear infinite normal}
    34. 

  34. @-webkit-keyframes myMove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
    35. 

  35. @keyframes myMove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
    36. 

  36. .content .cameraField .uploading text{margin-bottom:30rpx;color:#fff;text-align:center}
    37. 

  37. .content .cameraField .head{position:absolute;bottom:0rpx;left:50%;width:720rpx;height:620rpx;-webkit-transform:translateX(-363rpx);transform:translateX(-363rpx);z-index:5}
    38. 

  38. .content .controlField{width:750rpx;height:447rpx;color:#fff}
    39. 

  39. .content .controlField .control1{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:550rpx;height:150rpx;margin:0 auto;margin-top:130rpx}
    40. 

  40. .content .controlField .control1 .light,.content .controlField .control1 .change{max-height:70rpx;max-width:70rpx;margin-top:40rpx;text-align:center}
    41. 

  41. .content .controlField .control1 .take{max-height:150rpx;max-width:150rpx}
    42. 

  42. .content .controlField .control2{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:690rpx;height:80rpx;margin:0 auto;margin-top:130rpx}
    43. 

  43. .content .controlField .control2 view{width:170rpx;height:80rpx;background:#6EAFF0;font-size:32rpx;text-align:center;line-height:80rpx;border-radius:10rpx}
    44. 

  44.