zhengCe.vue 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <template>
  2. <view class="box">
  3. <u-navbar title="省级政策" :autoBack="true" bgColor="#ffffff" :placeholder="true" titleStyle="font-weight:bold;color:#121212"></u-navbar>
  4. <view class="box_ban">
  5. <view class="box_left">
  6. <image style="width: 100%; height: 100%" src="https://huli-app.wenlvti.net/app_static/minnanhun/image/kctp.png"></image>
  7. </view>
  8. <view class="box_right">
  9. <view class="tit">中办国办印发《关于建立领导干部应知应会党内法规和国家法律清单制度的意见》改革方案》</view>
  10. <view class="btm">
  11. <view class="time">新华社</view>
  12. </view>
  13. </view>
  14. </view>
  15. <view class="text-wrapper_2-0" v-for="item in 3">
  16. <text lines="1" decode="true" class="text_6-0">中共中央国务院关于支持福建探索海峡两岸融合发展新路&nbsp;建设两岸融合发展示范区的意见</text>
  17. <text lines="1" class="text_7-0">新华社</text>
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. export default {
  23. data() {
  24. return {};
  25. },
  26. methods: {}
  27. };
  28. </script>
  29. <style>
  30. .box {
  31. height: auto;
  32. width: 100%;
  33. background-color: #f8f8f8;
  34. background-attachment: fixed;
  35. position: relative;
  36. display: flex;
  37. flex-direction: column;
  38. }
  39. .box_ban {
  40. display: flex;
  41. background-color: #ffffff;
  42. margin: 40rpx 32rpx 0 32rpx;
  43. }
  44. .box_left {
  45. width: 307rpx;
  46. height: 170rpx;
  47. border-radius: 10rpx;
  48. }
  49. .box_right {
  50. width: 340rpx;
  51. padding-top: 20rpx;
  52. margin-left: 18rpx;
  53. }
  54. .tit {
  55. width: 100%;
  56. height: 74rpx;
  57. font-size: 28rpx;
  58. color: #312520;
  59. margin-bottom: 20rpx;
  60. text-overflow: -o-ellipsis-lastline;
  61. overflow: hidden;
  62. text-overflow: ellipsis;
  63. display: -webkit-box;
  64. -webkit-line-clamp: 2;
  65. line-clamp: 2;
  66. -webkit-box-orient: vertical;
  67. }
  68. .btm {
  69. width: 96%;
  70. display: flex;
  71. align-items: center;
  72. justify-content: space-between;
  73. }
  74. .time {
  75. font-size: 24rpx;
  76. color: #666666;
  77. }
  78. .text-wrapper_2-0 {
  79. background-color: rgba(255, 255, 255, 1);
  80. border-radius: 10rpx;
  81. width: 686rpx;
  82. margin: 40rpx 32rpx 0 32rpx;
  83. display: flex;
  84. flex-direction: column;
  85. }
  86. .text_6-0 {
  87. width: 642rpx;
  88. height: 74rpx;
  89. overflow-wrap: break-word;
  90. color: rgba(49, 37, 32, 1);
  91. font-size: 28rpx;
  92. font-family: SourceHanSansCN-Regular;
  93. font-weight: normal;
  94. text-align: left;
  95. line-height: 48rpx;
  96. margin: 23rpx 0 0 19rpx;
  97. }
  98. .text_7-0 {
  99. width: 71rpx;
  100. height: 23rpx;
  101. overflow-wrap: break-word;
  102. color: rgba(102, 102, 102, 1);
  103. font-size: 24rpx;
  104. font-family: SourceHanSansCN-Regular;
  105. font-weight: normal;
  106. text-align: left;
  107. white-space: nowrap;
  108. line-height: 24rpx;
  109. margin: 26rpx 0 24rpx 19rpx;
  110. }
  111. </style>