about.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <view class="aboutUs-content">
  3. <view class="aboutUs-content-info">
  4. <u-image src="/static/log.png" width="144" height="144" class="logo"></u-image>
  5. <view class="content-title">关于安孜皛白净</view>
  6. <view class="content-version">Version 1.0.0</view>
  7. </view>
  8. <view>安孜皛白净是国内首创的皮肤科智慧平台,致力于为所有亚洲白的追求者与皮肤色素问题的困扰者提供皮肤色素问题精准解决方案。</view>
  9. </view>
  10. </template>
  11. <script>
  12. </script>
  13. <style lang="less">
  14. .aboutUs-content{
  15. width: 100%;
  16. height: 100vh;
  17. padding: 0 60upx;
  18. > view{
  19. margin-bottom: 30upx;
  20. line-height: 50upx;
  21. }
  22. .aboutUs-content-info{
  23. text-align: center;
  24. .logo{
  25. display: inline-block;
  26. margin: 100upx auto 60upx;
  27. // text-align: center;
  28. }
  29. .content-title{
  30. font-size: 38upx;
  31. // text-align: center;
  32. }
  33. .content-version{
  34. // text-align: center;
  35. font-size: 32upx;
  36. color:#666E75;
  37. margin: 10upx 0 80upx;
  38. }
  39. }
  40. .content-text{
  41. color:#666E75;
  42. // font-size: 28upx;
  43. margin-bottom: 50upx;
  44. text-indent:2em
  45. }
  46. // .last-text{
  47. // margin-bottom: 0;
  48. // }
  49. }
  50. </style>