index.wxss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /**index.wxss**/
  2. .userinfo {
  3. display: flex;
  4. flex-direction: column;
  5. align-items: center;
  6. }
  7. .product-bg{width:100%;height:300rpx;position:absolute;}
  8. .product-bg swiper{width:100%;height:300rpx;position:relative;}
  9. .product-bg .slide-image{width:100%;height:300rpx;}
  10. .product-bg .pages{position:absolute;background-color:#fff;height:34rpx;padding:0 10rpx;border-radius:3rpx;right:30rpx;bottom:30rpx;line-height:34rpx;font-size:24rpx;color:#050505;}
  11. .product-bg .mylogog .mylogo{
  12. width: 180rpx;
  13. height: 180rpx;
  14. border-radius: 50%;
  15. }
  16. .product-bg .mylogog{
  17. border-radius: 50%;
  18. background-color:#fff;
  19. position:absolute;
  20. z-index: 2;
  21. width: 180rpx;
  22. height: 180rpx;
  23. left: 285rpx;
  24. top: 210rpx;
  25. overflow: hidden;
  26. box-shadow: 0 4rpx 8rpx rgba(0,0,0,0.1);
  27. }
  28. .userinfo-avatar {
  29. width: 128rpx;
  30. height: 128rpx;
  31. margin: 20rpx;
  32. border-radius: 50%;
  33. }
  34. .mg{
  35. width: 90%;height:100rpx;display: flex;background-color:#f1f1f1;margin-right: 5%;margin-left: 5%;align-items: center;
  36. }
  37. .mgfirst{
  38. width: 90%;height:100rpx;display: flex;background-color:#f1f1f1;margin-right: 5%;margin-left: 5%;margin-top: 60rpx;align-items: center;
  39. }
  40. .mgtext{
  41. padding-left: 20rpx;
  42. }
  43. .divLine{
  44. background: #aaa;margin-right: 5%;margin-left: 5%;
  45. width: 90%;
  46. height: 5rpx;
  47. }
  48. .userinfo-nickname {
  49. color: #aaa;
  50. }
  51. .usermotto {
  52. margin-top: 200px;
  53. }
  54. .sss{
  55. font-size:40rpx;color: #1a1717;
  56. position:relative;display:block;margin-left:auto;margin-right:auto;padding:50rpx 10rpx 10rpx 10rpx;text-align:center;margin-top: 30rpx;
  57. }
  58. .ssss{
  59. font-size:30rpx;color: #1a1717;
  60. position:relative;display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center;
  61. }
  62. .weui-btn{position:relative;display:block;width:184px;margin-left:auto;margin-right:auto;padding:8px 24px;box-sizing:border-box;font-weight:700;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:4px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.weui-btn_block{width:auto}.weui-btn_inline{display:inline-block}
  63. .images{
  64. width:250rpx;height:250rpx;
  65. }