honor.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <template>
  2. <view class="content">
  3. 荣誉殿堂
  4. </view>
  5. </template>
  6. <script>
  7. import md5 from "@/common/md5.js";
  8. export default {
  9. data() {
  10. return {
  11. id: "",
  12. details: "",
  13. imageList: [],
  14. time: "",
  15. globalUrl:getApp().globalData.shareUrl,
  16. pageList:[
  17. ]
  18. };
  19. },
  20. onLoad() {
  21. },
  22. methods: {
  23. },
  24. };
  25. </script>
  26. <style lang="scss" scoped>
  27. .flex-box {
  28. display: flex;
  29. flex-wrap: wrap;
  30. width: 100%;
  31. }
  32. .view {
  33. display: flex;
  34. }
  35. .content {
  36. font-size: 32rpx;
  37. .title {
  38. margin: 4% 5%;
  39. }
  40. .details {
  41. font-size: 28rpx;
  42. width: 90%;
  43. margin: 0 2%;
  44. padding: 2% 3%;
  45. border-bottom: 3px solid #f2f2f2;
  46. // border-radius: 50rpx;
  47. // box-shadow: rgba(100, 100, 111, 0.2) 0rpx 14rpx 50rpx 14rpx;
  48. image {
  49. width: 180rpx;
  50. height: 150rpx;
  51. border-radius: 30rpx;
  52. margin: 0 2%;
  53. }
  54. .view {
  55. margin: 3% 0;
  56. }
  57. .label {
  58. display: inline-block;
  59. width:150rpx;
  60. vertical-align: middle;
  61. margin-right: 10rpx;
  62. }
  63. }
  64. .info {
  65. font-size: 28rpx;
  66. width: 90%;
  67. margin: 4% 2%;
  68. padding: 2% 3%;
  69. border-radius: 40rpx;
  70. box-shadow: rgba(100, 100, 111, 0.2) 0rpx 14rpx 50rpx 14rpx;
  71. .title {
  72. margin: 4% 0;
  73. font-size: 32rpx;
  74. }
  75. .view {
  76. display: flex;
  77. align-items: center;
  78. margin: 5% 0;
  79. }
  80. .label {
  81. display: inline-block;
  82. width: 150rpx;
  83. vertical-align: middle;
  84. margin-right: 10rpx;
  85. }
  86. }
  87. }
  88. </style>