| | |
| | | <!-- <view class="listContent" v-if="InfoList.length > 0">--> |
| | | <scroll-view :scroll-top="scrollTop" scroll-y="true" class="listContent" @scrolltoupper="upper" v-if="InfoList.length > 0" |
| | | @scrolltolower="lower" @scroll="scroll" lower-threshold="50"> |
| | | <view v-for="(item, index) in InfoList" :key="index" class="itemContent"> |
| | | <view v-for="(item, index) in InfoList" :key="index" class="itemContent" @click="toDetail(item)"> |
| | | <view class="content"> |
| | | <text>[{{item.colorContent}}]</text> |
| | | <text>{{item.title}},{{item.content}}</text> |
| | | <view class="btnGroup" style="float: right;"> |
| | | <u-button |
| | | size="mini" |
| | | style="background-color:rgb(255, 223, 37);color: white;width: 100px;margin: 3px 8px;" |
| | | @click="toDetail(item)" |
| | | > |
| | | 信息详情 |
| | | </u-button> |
| | | <text class="tit">[{{item.colorContent}}]{{item.title}}</text><br> |
| | | <text class="cont">{{item.content}}</text> |
| | | <view class="btnGroup"> |
| | | <!-- <u-button --> |
| | | <!-- size="mini" --> |
| | | <!-- style="background-color:rgb(255, 223, 37);color: white;width: 100px;margin: 3px 8px;"--> |
| | | <!-- @click="toDetail(item)"--> |
| | | <!-- >--> |
| | | <!-- 信息详情--> |
| | | <!-- </u-button>--> |
| | | <u-button |
| | | size="mini" |
| | | style="background-color:rgb(17, 204, 33);color: white;width: 100px;" |
| | | style="background-color:rgb(17, 204, 33);color: white;width: 100px;margin: 0;font-size: 13px" |
| | | @click="toResponsivity(item)" |
| | | > |
| | | 查看叫应率 |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .examineList{ |
| | | margin-top: 12px; |
| | | height: calc(100vh - 226px); |
| | | overflow: hidden; |
| | | overflow-y: scroll; |
| | | } |
| | | .listContent{ |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | height: 100%; |
| | | } |
| | | .itemContent{ |
| | | font-size: 16px; |
| | | color: #333; |
| | | font-size: 16px; |
| | | margin-top: 15px; |
| | | padding: 0 12px 10px; |
| | | border-bottom: 1px solid #ebebeb; |
| | | |
| | | } |
| | | .content{ |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | .tit{ |
| | | width: 100%; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | } |
| | | .cont{ |
| | | width: 100%; |
| | | font-size: 14px; |
| | | color: #666; |
| | | display: block; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | margin-bottom: 6px; |
| | | } |
| | | .btnGroup{ |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: left; |
| | | } |
| | | } |
| | | .buttonCo{ |
| | | margin-top: 5px; |
| | | margin-bottom: 10px; |
| | | } |
| | | .examineList{ |
| | | margin-top: 12px; |
| | | height: calc(100vh - 266px); |
| | | overflow: hidden; |
| | | overflow-y: scroll; |
| | | } |
| | | .btnGroup{ |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: flex-end; |
| | | } |
| | | |
| | | |
| | | </style> |