shareQrCode.wxss 1010 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. width: 100%;
  13. min-height: 100%;
  14. }
  15. page .container {
  16. width: 100%;
  17. height: 100%;
  18. }
  19. .backImg {
  20. position: absolute;
  21. width: 100%;
  22. }
  23. .portrait {
  24. width: 100%;
  25. text-align: center;
  26. padding-top: 80rpx;
  27. padding-bottom: 30rpx;
  28. }
  29. .portrait image {
  30. width: 250rpx;
  31. height: 250rpx;
  32. }
  33. .text {
  34. text-align: center;
  35. width: 100%;
  36. color: #ffffff;
  37. font-size: 55rpx;
  38. letter-spacing: 15rpx;
  39. }
  40. .uid-name {
  41. padding: 50rpx 0rpx;
  42. text-align: center;
  43. width: 100%;
  44. color: #ffffff;
  45. }
  46. .copy-btn {
  47. color: #ffffff;
  48. background-color: #4ba6ed;
  49. border-radius: 50rpx;
  50. width: 170rpx;
  51. line-height: 70rpx;
  52. margin: 0rpx auto;
  53. text-align: center;
  54. }
  55. .tki-qrcode {
  56. position: fixed;
  57. bottom: 10%;
  58. left: 30%;
  59. }
  60. canvas {
  61. width: 150px;
  62. height: 150px;
  63. margin: auto;
  64. }