提交样式

马宇豪

2023-08-04 9655b129a296b4a5cc5e39d60fc022cf5ac06879

 pages/tabBar/notice/notice.vue

@@ -50,11 +50,14 @@
<!--            <view class="listContent" v-if="noticeList.length > 0" >-->
        <scroll-view :scroll-top="scrollTop" scroll-y="true" class="listContent" @scrolltoupper="upper" v-if="noticeList.length > 0"
                     @scrolltolower="lower" @scroll="scroll" lower-threshold="50">
               <view v-for="(item, index) in noticeList" :key="index" class="itemContent" >
               <view v-for="(item, index) in noticeList" :key="index" class="itemContent" @click="toDetail(item)">
                  <view class="content" v-if="item.isResponse" >
                        <text style="color:rgb(17, 204, 33);" @click="toDetail(item)">[已叫应]</text>
                        <text @click="toDetail(item)">[{{item.colorContent}}]</text>
                        <text @click="toDetail(item)">{{item.title}},{{item.content}}</text>
                        <text style="color:rgb(17, 204, 33);" >[已叫应]</text>
                        <text>[{{item.colorContent}}]</text>
                        <text>{{item.title}}</text>
              <view>
                {{item.content}}
              </view>
                        <!-- <view v-if="item.isResponse" style="float: right; width: 80px;margin-top: 3px;"> -->
                           <!-- <u-button @click="toDetail(item)"v-if="item.buttonContent == '已叫应'" size="mini" style="margin-bottom: 10px;background-color:rgb(17, 204, 33);color: white;">
                              {{item.buttonContent}}
@@ -441,15 +444,22 @@
  padding: 0 12px 15px;
   border-bottom: 1px solid #ebebeb;

  &:last-of-type{
    border-bottom: none;
  }
  //&:last-of-type{
  //  border-bottom: none;
  //}
}
.content{
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;

  view{
    font-size: 14px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.contentNoRead{
   font-size: 14px;