askbot-dragon 1.1.4 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "askbot-dragon",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
@@ -7,12 +7,29 @@
7
7
  <div v-for="(item, itemIndex) in msg.content.list" :key="itemIndex" class="ad-list-cell">
8
8
  <div class="alc-title">
9
9
  <div class="alc-box">
10
+ <div class="alc-source-left">
11
+ <span class="source-form">出自</span>
10
12
  <img class="alc-title-icon" height="24px" width="24px" :src="item.src" alt="" srcset="">
11
- <span class="alc-title-from">出自《{{ item.from }}》</span>
13
+ <span class="alc-title-from">{{ item.from }}</span>
14
+ </div>
15
+ <div class="alc-content-text" v-if="msg.content.type == 1">
16
+ <span @click="lookAttach(item.url)" class="aci-view">查看 ></span>
17
+ </div>
12
18
  </div>
13
- <span v-if="isPC" class="alc-title-updateTime">最后更新时间: {{ item.updateTime }}</span>
19
+ <div class="alc-box-introduction">
20
+ {{ item.introduction }}
21
+ </div>
22
+ <div class="alc-updateTime" v-if="isAskLightning == 1">
23
+ <div class="upload-source">
24
+ {{item.source}}
25
+ </div>
26
+ <div class="time">
27
+ 最后更新时间: {{ item.updateTime }}
28
+ </div>
29
+ </div>
30
+ <!-- <span v-if="isPC" class="alc-title-updateTime">最后更新时间: {{ item.updateTime }}</span>-->
14
31
  </div>
15
- <div class="alc-content">
32
+ <div class="alc-content" v-if="false">
16
33
  <div v-if="msg.content.type == 1" class="alc-content-text">{{ item.introduction }} <span
17
34
  @click="lookAttach(item.url)" class="aci-view">查看原文 ></span>
18
35
  </div>
@@ -85,7 +102,7 @@ export default {
85
102
  }
86
103
  }
87
104
  },
88
- props: ['msg'],
105
+ props: ['msg','isAskLightning'],
89
106
  beforeMounted() {
90
107
 
91
108
  },
@@ -136,7 +153,7 @@ export default {
136
153
  .ad-list {
137
154
  .ad-list-cell {
138
155
  border-top: solid 1px #E0E6F7;
139
- padding: 6px 0 6px;
156
+ padding: 10px 0 10px;
140
157
 
141
158
  .alc-title {
142
159
  display: flex;
@@ -146,19 +163,67 @@ export default {
146
163
  line-height: 16px;
147
164
 
148
165
  .alc-box {
166
+ display: flex;
167
+ align-items: center;
168
+ justify-content: space-between;
169
+ font-size: 13px;
170
+ width: 100%;
171
+ .alc-source-left{
149
172
  display: flex;
150
173
  align-items: center;
151
- justify-content: flex-start;
152
-
174
+ .source-form{
175
+ color: #A9B3C6;
176
+ }
177
+ }
178
+ .alc-content-text{
179
+ .aci-view{
180
+ color: #366aff;
181
+ cursor: pointer;
182
+ }
183
+ }
153
184
  .alc-title-from {
154
185
  flex: auto;
155
186
  display: flex;
156
187
  justify-content: flex-start;
157
188
  }
158
189
  }
159
-
190
+ .alc-box-introduction{
191
+ overflow: hidden;
192
+ text-overflow: ellipsis;
193
+ display: -webkit-box;
194
+ -webkit-line-clamp:3;
195
+ -webkit-box-orient:vertical;
196
+ margin-top: 10px;
197
+ color: #616161;
198
+ font-size: 13px;
199
+ }
200
+ .alc-updateTime{
201
+ display: flex;
202
+ align-items: center;
203
+ justify-content: space-between;
204
+ font-size: 13px;
205
+ width: 100%;
206
+ margin-top: 10px;
207
+ .upload-source{
208
+ flex: none;
209
+ height: 18px;
210
+ background: #E9F9F8;
211
+ border: 1px solid #AFF2CD;
212
+ border-radius: 2px;
213
+ display: flex;
214
+ align-items: center;
215
+ justify-content: center;
216
+ padding: 0 8px;
217
+ color: #00C2BB;
218
+ }
219
+ .time{
220
+ color: #999999;
221
+ }
222
+ }
160
223
  .alc-title-icon {
161
- margin-right: 6px;
224
+ margin: 0 4px;
225
+ width: 20px;
226
+ height: 20px;
162
227
  }
163
228
 
164
229
  .alc-title-updateTime {