shareQrCode.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. height: 100%;
  23. }
  24. .portrait {
  25. width: 100%;
  26. text-align: center;
  27. padding-top: 80rpx;
  28. padding-bottom: 30rpx;
  29. }
  30. .portrait image {
  31. width: 250rpx;
  32. height: 250rpx;
  33. }
  34. .text {
  35. text-align: center;
  36. width: 100%;
  37. color: #ffffff;
  38. font-size: 55rpx;
  39. letter-spacing: 15rpx;
  40. }
  41. .uid-name {
  42. padding: 50rpx 0rpx;
  43. text-align: center;
  44. width: 100%;
  45. color: #ffffff;
  46. }
  47. .copy-btn {
  48. color: #ffffff;
  49. background-color: #4ba6ed;
  50. border-radius: 50rpx;
  51. width: 170rpx;
  52. line-height: 70rpx;
  53. margin: 0rpx auto;
  54. text-align: center;
  55. }
  56. .tki-qrcode {
  57. position: fixed;
  58. bottom: 10%;
  59. left: 30%;
  60. }
  61. canvas {
  62. width: 150px;
  63. height: 150px;
  64. margin: auto;
  65. }