正在显示
9 个修改的文件
包含
760 行增加
和
19 行删除
@@ -3,24 +3,112 @@ | @@ -3,24 +3,112 @@ | ||
3 | <div class="changeitem flextwo"> | 3 | <div class="changeitem flextwo"> |
4 | <div class="changeitemleft">头像</div> | 4 | <div class="changeitemleft">头像</div> |
5 | <div class="changeitemright flexone"> | 5 | <div class="changeitemright flexone"> |
6 | - <img src="../../../assets/touxiang.png" alt class="headimg" /> | 6 | + <!-- <img :src="avatar" alt class="headimg" /> --> |
7 | + <van-uploader | ||
8 | + v-model="fileList" | ||
9 | + multiple="false" | ||
10 | + :after-read="afterRead" | ||
11 | + :max-count="1" | ||
12 | + | ||
13 | + /> | ||
7 | <img src="../../../assets/grayrow.png" alt class="yourow" /> | 14 | <img src="../../../assets/grayrow.png" alt class="yourow" /> |
8 | </div> | 15 | </div> |
9 | </div> | 16 | </div> |
10 | 17 | ||
11 | <div class="changeitem flextwo"> | 18 | <div class="changeitem flextwo"> |
12 | - <div class="changeitemleft">头像</div> | ||
13 | - <div class="changeitemleft">欧阳娜娜</div> | 19 | + <div class="changeitemleft">姓名</div> |
20 | + <div class="changeitemleft"> | ||
21 | + <input type="text" v-model="username" placeholder="请输入姓名" /> | ||
14 | </div> | 22 | </div> |
15 | </div> | 23 | </div> |
24 | + | ||
25 | + <div class="kaishilu" @click="save">保存</div> | ||
26 | + </div> | ||
16 | </template> | 27 | </template> |
17 | 28 | ||
18 | <script> | 29 | <script> |
30 | +import Vue from 'vue'; | ||
31 | +import { Toast, Uploader } from "vant"; | ||
32 | + | ||
33 | +import "vant/lib/index.css"; | ||
34 | + | ||
35 | +Vue.use(Toast); | ||
36 | +Vue.use(Uploader); | ||
19 | export default { | 37 | export default { |
38 | + data() { | ||
39 | + return { | ||
40 | + username: "", | ||
41 | + avatar: "", | ||
42 | + fileList:[], | ||
43 | + chuanimage:'' | ||
44 | + }; | ||
45 | + }, | ||
46 | + created() { | ||
47 | + this.username = this.$route.query.username; | ||
48 | + this.avatar = this.$route.query.avatar; | ||
49 | + console.log(this.avatar) | ||
50 | + let obj={ | ||
51 | + url:this.avatar | ||
52 | + } | ||
53 | + this.fileList.push(obj) | ||
54 | + }, | ||
55 | + methods: { | ||
56 | + // 上传图片 | ||
57 | + afterRead(file) { | ||
58 | + let that = this; | ||
59 | + console.log(file); | ||
60 | + console.log(file.length); | ||
20 | 61 | ||
21 | -} | 62 | + var formdata = new FormData(); |
63 | + formdata.append("file", file.file); | ||
64 | + | ||
65 | + var url = "/api/common/upload"; | ||
66 | + let param = { | ||
67 | + id: 1 | ||
68 | + }; | ||
69 | + | ||
70 | + that.$uploadFile | ||
71 | + .post(url, formdata) | ||
72 | + .then(function(res) { | ||
73 | + console.log(res); | ||
74 | + that.cardzheng = false; | ||
75 | + let url = "http://tangyuanji.t.brotop.cn" + res.data.url; | ||
76 | + that.avatar=url | ||
77 | + that.chuanimage=res.data.url | ||
78 | + }) | ||
79 | + .catch(err => { | ||
80 | + console.log(err); | ||
81 | + }); | ||
82 | + | ||
83 | + | ||
84 | + }, | ||
85 | + save() { | ||
86 | + let that = this; | ||
87 | + var url = "/api/user/profile"; | ||
88 | + let param = { | ||
89 | + avatar: that.chuanimage, | ||
90 | + nickname: that.username | ||
91 | + }; | ||
92 | + console.log(param) | ||
93 | + | ||
94 | + that.$axios | ||
95 | + .post(url, param) | ||
96 | + .then(function(res) { | ||
97 | + console.log(res); | ||
98 | + Toast("保存成功"); | ||
99 | + that.$router.go(-1); | ||
100 | + }) | ||
101 | + .catch(function(err) { | ||
102 | + console.log(err); | ||
103 | + }); | ||
104 | + } | ||
105 | + } | ||
106 | +}; | ||
22 | </script> | 107 | </script> |
23 | 108 | ||
24 | <style scoped> | 109 | <style scoped> |
25 | @import "../../../style/usercenter.css"; | 110 | @import "../../../style/usercenter.css"; |
111 | +.changeitemleft input { | ||
112 | + text-align: right; | ||
113 | +} | ||
26 | </style> | 114 | </style> |
@@ -11,13 +11,66 @@ | @@ -11,13 +11,66 @@ | ||
11 | </div> | 11 | </div> |
12 | 12 | ||
13 | <div class="suciabot"> | 13 | <div class="suciabot"> |
14 | - <div class="sucaibtn">加入我们</div> | 14 | + <div class="sucaibtn" @click="joinus">加入我们</div> |
15 | </div> | 15 | </div> |
16 | </div> | 16 | </div> |
17 | </template> | 17 | </template> |
18 | 18 | ||
19 | <script> | 19 | <script> |
20 | +import { Toast } from 'vant'; | ||
20 | export default { | 21 | export default { |
22 | + data(){ | ||
23 | + return{ | ||
24 | +cpmpany:'' | ||
25 | + } | ||
26 | + }, | ||
27 | + created(){ | ||
28 | + this.aboutus() | ||
29 | + }, | ||
30 | + methods:{ | ||
31 | + aboutus(){ | ||
32 | + let that = this; | ||
33 | + var url = "/api/common/company"; | ||
34 | + let param = { | ||
35 | + | ||
36 | + }; | ||
37 | + | ||
38 | + that.$axios | ||
39 | + .post(url, param) | ||
40 | + .then(function (res) { | ||
41 | + console.log(res); | ||
42 | + that.cpmpany=res.data.company | ||
43 | + | ||
44 | + }) | ||
45 | + .catch(function (err) { | ||
46 | + console.log(err); | ||
47 | + }); | ||
48 | + }, | ||
49 | + joinus(){ | ||
50 | + | ||
51 | + this.$router.push({ | ||
52 | + path: "/applayjoin", | ||
53 | + // query: { testId: item.test_student_id } | ||
54 | + }); | ||
55 | + // let that = this; | ||
56 | + // var url = "/api/common/contact"; | ||
57 | + // let param = { | ||
58 | + | ||
59 | + // }; | ||
60 | + | ||
61 | + // that.$axios | ||
62 | + // .post(url, param) | ||
63 | + // .then(function (res) { | ||
64 | + // console.log(res); | ||
65 | + // Toast("加入成功") | ||
66 | + // that.$router.go(-1) | ||
67 | + | ||
68 | + // }) | ||
69 | + // .catch(function (err) { | ||
70 | + // console.log(err); | ||
71 | + // }); | ||
72 | + } | ||
73 | + } | ||
21 | 74 | ||
22 | } | 75 | } |
23 | </script> | 76 | </script> |
@@ -5,23 +5,129 @@ | @@ -5,23 +5,129 @@ | ||
5 | class="coursenavleft" | 5 | class="coursenavleft" |
6 | :class="selnav == 0 ? 'selactive' : ''" | 6 | :class="selnav == 0 ? 'selactive' : ''" |
7 | :data-id="0" | 7 | :data-id="0" |
8 | - @click="selectnav" | 8 | + @click="selecttab" |
9 | >帖子</div> | 9 | >帖子</div> |
10 | <div | 10 | <div |
11 | class="coursenavleft" | 11 | class="coursenavleft" |
12 | :class="selnav == 1 ? 'selactive' : ''" | 12 | :class="selnav == 1 ? 'selactive' : ''" |
13 | :data-id="1" | 13 | :data-id="1" |
14 | - @click="selectnav" | 14 | + @click="selecttab" |
15 | >课程</div> | 15 | >课程</div> |
16 | <div | 16 | <div |
17 | class="coursenavleft" | 17 | class="coursenavleft" |
18 | :class="selnav == 2 ? 'selactive' : ''" | 18 | :class="selnav == 2 ? 'selactive' : ''" |
19 | :data-id="2" | 19 | :data-id="2" |
20 | - @click="selectnav" | 20 | + @click="selecttab" |
21 | >活动</div> | 21 | >活动</div> |
22 | </div> | 22 | </div> |
23 | + | ||
24 | + <!-- 帖子 --> | ||
25 | + <div> | ||
26 | + <van-list | ||
27 | + v-model="loading" | ||
28 | + :finished="finished" | ||
29 | + finished-text="没有更多了" | ||
30 | + @load="onLoad" | ||
31 | + | ||
32 | + > | ||
33 | + <div class="societyitem" v-for="(item, index) in sortlist" :key="index"> | ||
34 | + <div class="societytop flextwo"> | ||
35 | + <div class="societyleft flexone"> | ||
36 | + <div class="personimg"> | ||
37 | + <img :src="item.user.avatar" alt /> | ||
38 | + </div> | ||
39 | + <div class="personright"> | ||
40 | + <div class="personname">{{ item.user.nickname }}</div> | ||
41 | + <div class="persondate">{{ item.createtime }}</div> | ||
42 | + </div> | ||
43 | + </div> | ||
44 | + <div class="dingimg" v-if="item.is_top == 1"> | ||
45 | + <img src="../../../assets/ding.png" alt /> | ||
46 | + </div> | ||
47 | + </div> | ||
48 | + <div class="societytext">{{ item.description }}</div> | ||
49 | + <div class="societyimg flexone" v-if="item.images_arr.length != 0"> | ||
50 | + <div | ||
51 | + class="societyimgitem" | ||
52 | + v-for="(item, indexk) in item.images_arr" | ||
53 | + :key="indexk" | ||
54 | + @click="previewimg(index, indexk)" | ||
55 | + > | ||
56 | + <img :src="item" alt /> | ||
57 | + </div> | ||
58 | + </div> | ||
59 | + <div class="jianzhengtui flexone"> | ||
60 | + <div | ||
61 | + class="jianzheng flexone" | ||
62 | + v-for="(item, index) in item.tags" | ||
63 | + :key="index" | ||
64 | + > | ||
65 | + <div class="jianzhengleft" :style="{ background: item.color }"> | ||
66 | + # | ||
67 | + </div> | ||
68 | + <div class="jianzhengright" :style="{ color: item.color }"> | ||
69 | + {{ item.name }} | ||
70 | + </div> | ||
71 | + </div> | ||
72 | + </div> | ||
73 | + | ||
74 | + <!-- 点赞 --> | ||
75 | + <div class="dainzan flexone"> | ||
76 | + <div class="flexone dianitem" @click="zanclick(index, item)"> | ||
77 | + <img | ||
78 | + src="../../../assets/diankong.png" | ||
79 | + alt | ||
80 | + class="dianzanimg" | ||
81 | + v-if="item.is_good == 0" | ||
82 | + /> | ||
83 | + <img | ||
84 | + src="../../../assets/zan.png" | ||
85 | + alt | ||
86 | + class="dianzanimg" | ||
87 | + v-else | ||
88 | + /> | ||
89 | + <span class="number">{{ item.good_count }}</span> | ||
90 | + </div> | ||
91 | + <div class="flexone dianitem" @click="collect(index, item)"> | ||
92 | + <img | ||
93 | + src="../../../assets/starkong.png" | ||
94 | + alt | ||
95 | + class="dianzanimg" | ||
96 | + v-if="item.is_favorite == 0" | ||
97 | + /> | ||
98 | + <img | ||
99 | + src="../../../assets/star.png" | ||
100 | + alt | ||
101 | + class="dianzanimg" | ||
102 | + v-else | ||
103 | + /> | ||
104 | + | ||
105 | + <span class="number">{{ item.favorite_count }}</span> | ||
106 | + </div> | ||
107 | + <div class="flexone dianitem" @click="copytext"> | ||
108 | + <img src="../../../assets/edit.png" alt class="dianzanimg" /> | ||
109 | + <!-- <span class="number">复制文本</span> --> | ||
110 | + <span | ||
111 | + class="number" | ||
112 | + v-clipboard:copy="item.description" | ||
113 | + v-clipboard:success="onCopy" | ||
114 | + >复制</span | ||
115 | + > | ||
116 | + <!-- v-clipboard:error="onError" --> | ||
117 | + </div> | ||
118 | + <div class="flexone dianitem" @click="save(item)"> | ||
119 | + <img src="../../../assets/download.png" alt class="dianzanimg" /> | ||
120 | + <span class="number">一键保存</span> | ||
121 | + </div> | ||
122 | + </div> | ||
123 | + </div> | ||
124 | + </van-list> | ||
125 | + | ||
126 | + | ||
23 | <!-- 课程 --> | 127 | <!-- 课程 --> |
24 | 128 | ||
129 | + </div> | ||
130 | + <!-- 课程 --> | ||
25 | <div class="coursebox" v-if="selnav ==1"> | 131 | <div class="coursebox" v-if="selnav ==1"> |
26 | <div class="courseboxitem"> | 132 | <div class="courseboxitem"> |
27 | <div class="coursenameimg"> | 133 | <div class="coursenameimg"> |
@@ -80,17 +186,228 @@ | @@ -80,17 +186,228 @@ | ||
80 | </template> | 186 | </template> |
81 | 187 | ||
82 | <script> | 188 | <script> |
189 | +import Vue from "vue"; | ||
190 | + | ||
191 | +import { List, Toast, ImagePreview } from "vant"; | ||
192 | +Vue.use(ImagePreview); | ||
193 | + | ||
194 | +Vue.use(List); | ||
83 | export default { | 195 | export default { |
84 | data() { | 196 | data() { |
85 | return { | 197 | return { |
86 | - selnav: 0 | 198 | + selnav: 0, |
199 | + sortlist:[], | ||
200 | + loading: false, | ||
201 | + finished: false, | ||
202 | + page: 1, | ||
203 | + this_page: "", | ||
204 | + total_page: "", | ||
87 | } | 205 | } |
88 | }, | 206 | }, |
207 | + created(){ | ||
208 | + this.getmycourse() | ||
209 | + }, | ||
89 | methods: { | 210 | methods: { |
90 | - selectnav(e) { | 211 | + selecttab(e) { |
91 | this.selnav = e.currentTarget.dataset.id; | 212 | this.selnav = e.currentTarget.dataset.id; |
213 | + }, | ||
214 | + save(item) { | ||
215 | + this.images = item.images_arr; | ||
216 | + if (this.images.length == 0) { | ||
217 | + this.nophoto = true; | ||
218 | + } else { | ||
219 | + this.index = 0; | ||
220 | + this.show = true; | ||
221 | + } | ||
222 | + }, | ||
223 | + previewimg(index, indexk) { | ||
224 | + console.log(index, indexk); | ||
225 | + this.index = indexk; | ||
226 | + this.images = this.sortlist[index].images_arr; | ||
227 | + this.show = true; | ||
228 | + this.startPosition = indexk; | ||
229 | + }, | ||
230 | + nophotoup() { | ||
231 | + this.nophoto = false; | ||
232 | + }, | ||
233 | + // 图片预览 | ||
234 | + onChange(index) { | ||
235 | + this.index = index; | ||
236 | + }, | ||
237 | + onCopy(e) { | ||
238 | + Toast("复制成功"); | ||
239 | + }, | ||
240 | + onLoad() { | ||
241 | + let that = this; | ||
242 | + console.log(888); | ||
243 | + // if (that.page = 1) { | ||
244 | + // that.loading = false | ||
245 | + // that.finished = false | ||
246 | + // } | ||
247 | + // 异步更新数据 | ||
248 | + // setTimeout 仅做示例,真实场景中一般为 ajax 请求 | ||
249 | + setTimeout(() => { | ||
250 | + // for (let i = 0; i < 10; i++) { | ||
251 | + // this.list.push(this.list.length + 1); | ||
252 | + // } | ||
253 | + let newpage = that.page; | ||
254 | + newpage++; | ||
255 | + that.page = newpage; | ||
256 | + that.getsocidtylist(); | ||
257 | + // 加载状态结束 | ||
258 | + that.loading = false; | ||
259 | + // 数据全部加载完成 | ||
260 | + if (that.total_page == that.this_page) { | ||
261 | + that.finished = true; | ||
262 | + } | ||
263 | + }, 1000); | ||
264 | + }, | ||
265 | + // 收藏 | ||
266 | + collect(index, item) { | ||
267 | + let that = this; | ||
268 | + var url = "/api/user/favorite"; | ||
269 | + let param = { | ||
270 | + type: 3, | ||
271 | + favorite_id: item.id | ||
272 | + }; | ||
273 | + | ||
274 | + that.$axios | ||
275 | + .post(url, param) | ||
276 | + .then(function(res) { | ||
277 | + console.log(res); | ||
278 | + if (item.is_favorite == 0) { | ||
279 | + item.is_favorite = 1; | ||
280 | + that.sortlist[index].is_favorite = 1; | ||
281 | + that.sortlist[index].favorite_count = | ||
282 | + that.sortlist[index].favorite_count + 1; | ||
283 | + Toast("收藏成功"); | ||
284 | + } else if (item.is_favorite == 1) { | ||
285 | + item.is_favorite = 1; | ||
286 | + Toast("取消收藏成功"); | ||
287 | + that.sortlist[index].is_favorite = 0; | ||
288 | + that.sortlist[index].favorite_count = | ||
289 | + that.sortlist[index].favorite_count - 1; | ||
290 | + } | ||
291 | + that.sortlist = that.sortlist; | ||
292 | + that.$forceUpdate(); | ||
293 | + }) | ||
294 | + .catch(function(err) { | ||
295 | + console.log(err); | ||
296 | + }); | ||
297 | + }, | ||
298 | + | ||
299 | + zanclick(index, item) { | ||
300 | + let that = this; | ||
301 | + console.log(item.id); | ||
302 | + var url = "/api/user/good"; | ||
303 | + let param = { | ||
304 | + type: 1, | ||
305 | + good_id: item.id | ||
306 | + }; | ||
307 | + | ||
308 | + that.$axios | ||
309 | + .post(url, param) | ||
310 | + .then(function(res) { | ||
311 | + console.log(res); | ||
312 | + if (item.is_good == 0) { | ||
313 | + item.is_good = 1; | ||
314 | + that.sortlist[index].is_good = 1; | ||
315 | + that.sortlist[index].good_count = | ||
316 | + that.sortlist[index].good_count + 1; | ||
317 | + Toast("点赞成功"); | ||
318 | + } else if (item.is_good == 1) { | ||
319 | + item.is_good = 1; | ||
320 | + Toast("取消点赞成功"); | ||
321 | + that.sortlist[index].is_good = 0; | ||
322 | + that.sortlist[index].good_count = | ||
323 | + that.sortlist[index].good_count - 1; | ||
324 | + } | ||
325 | + that.sortlist = that.sortlist; | ||
326 | + that.$forceUpdate(); | ||
327 | + }) | ||
328 | + .catch(function(err) { | ||
329 | + console.log(err); | ||
330 | + }); | ||
331 | + }, | ||
332 | + | ||
333 | + // 复制文本 | ||
334 | + copytext() {}, | ||
335 | + | ||
336 | + selectnav(id, index) { | ||
337 | + let that = this; | ||
338 | + | ||
339 | + this.selnav = index; | ||
340 | + this.sort_id = id; | ||
341 | + that.page = 1; | ||
342 | + that.sortlist = []; | ||
343 | + that.getsocidtylist(); | ||
344 | + }, | ||
345 | + publish() { | ||
346 | + this.$router.push({ | ||
347 | + path: "/publish" | ||
348 | + // query: { testId: item.test_student_id } | ||
349 | + }); | ||
350 | + }, | ||
351 | + | ||
352 | + // 获取社区列表 | ||
353 | + getsocidtylist() { | ||
354 | + let that = this; | ||
355 | + var url = "/api/user/my_favorite_social"; | ||
356 | + let param = { | ||
357 | + | ||
358 | + page: that.page | ||
359 | + }; | ||
360 | + | ||
361 | + that.$axios | ||
362 | + .post(url, param) | ||
363 | + .then(function(res) { | ||
364 | + console.log(res); | ||
365 | + that.sortlist = that.sortlist.concat(res.data.list); | ||
366 | + that.this_page = res.data.this_page; | ||
367 | + that.total_page = res.data.total_page; | ||
368 | + }) | ||
369 | + .catch(function(err) { | ||
370 | + console.log(err); | ||
371 | + }); | ||
372 | + }, | ||
373 | + // 获取我的课程 | ||
374 | + getmycourse(){ | ||
375 | + let that = this; | ||
376 | + var url = "/api/user/my_favorite_lesson"; | ||
377 | + let param = { | ||
378 | + page: that.page | ||
379 | + }; | ||
380 | + | ||
381 | + that.$axios | ||
382 | + .post(url, param) | ||
383 | + .then(function(res) { | ||
384 | + console.log(res); | ||
385 | + | ||
386 | + }) | ||
387 | + .catch(function(err) { | ||
388 | + console.log(err); | ||
389 | + }); | ||
390 | + }, | ||
391 | + // 获取我的活动 | ||
392 | + getmyactivity(){ | ||
393 | + let that = this; | ||
394 | + var url = "/api/user/my_favorite_activity"; | ||
395 | + let param = { | ||
396 | + page: that.page | ||
397 | + }; | ||
398 | + | ||
399 | + that.$axios | ||
400 | + .post(url, param) | ||
401 | + .then(function(res) { | ||
402 | + console.log(res); | ||
403 | + | ||
404 | + }) | ||
405 | + .catch(function(err) { | ||
406 | + console.log(err); | ||
407 | + }); | ||
92 | } | 408 | } |
93 | } | 409 | } |
410 | + | ||
94 | } | 411 | } |
95 | </script> | 412 | </script> |
96 | 413 |
@@ -36,7 +36,7 @@ | @@ -36,7 +36,7 @@ | ||
36 | </div> | 36 | </div> |
37 | </div> | 37 | </div> |
38 | <div class="zhibocontent"> | 38 | <div class="zhibocontent"> |
39 | - <div class="intro flexone">直播简介</div> | 39 | + <div class="flexone zhibojianjie">直播简介</div> |
40 | <div class="zhibotextbox"> | 40 | <div class="zhibotextbox"> |
41 | <textarea name id cols="30" rows="10" placeholder="预设内容"></textarea> | 41 | <textarea name id cols="30" rows="10" placeholder="预设内容"></textarea> |
42 | </div> | 42 | </div> |
@@ -90,7 +90,8 @@ | @@ -90,7 +90,8 @@ | ||
90 | </div> | 90 | </div> |
91 | 91 | ||
92 | <!-- 开始录制 --> | 92 | <!-- 开始录制 --> |
93 | - <div class="kaishilu">开始录制</div> | 93 | + <div class="kaishilu" v-if="selcourse==2">开始录制</div> |
94 | + <div class="kaishilu" v-else>开启</div> | ||
94 | </div> | 95 | </div> |
95 | </template> | 96 | </template> |
96 | 97 | ||
@@ -131,6 +132,7 @@ export default { | @@ -131,6 +132,7 @@ export default { | ||
131 | var minute = e.getMinutes() | 132 | var minute = e.getMinutes() |
132 | console.log(hour) | 133 | console.log(hour) |
133 | this.zhibodate = false | 134 | this.zhibodate = false |
135 | + this.zhibodte=year+'' | ||
134 | }, | 136 | }, |
135 | showdate() { | 137 | showdate() { |
136 | this.zhibodate = true | 138 | this.zhibodate = true |
@@ -4,9 +4,9 @@ | @@ -4,9 +4,9 @@ | ||
4 | <div class="usertophead flextwo" @click="changeziliao"> | 4 | <div class="usertophead flextwo" @click="changeziliao"> |
5 | <div class="usertopheadleft flexone"> | 5 | <div class="usertopheadleft flexone"> |
6 | <div class="userimg"> | 6 | <div class="userimg"> |
7 | - <img src="../../../assets/touxiang.png" alt /> | 7 | + <img :src="avatar" alt /> |
8 | </div> | 8 | </div> |
9 | - <div class="username">欧阳娜娜</div> | 9 | + <div class="username">{{username==''?'暂无昵称':username}}</div> |
10 | </div> | 10 | </div> |
11 | <img src="../../../assets/grayrow.png" alt class="yourow" /> | 11 | <img src="../../../assets/grayrow.png" alt class="yourow" /> |
12 | </div> | 12 | </div> |
@@ -80,10 +80,36 @@ export default { | @@ -80,10 +80,36 @@ export default { | ||
80 | }, | 80 | }, |
81 | data() { | 81 | data() { |
82 | return { | 82 | return { |
83 | - selnav: 3 | 83 | + selnav: 3, |
84 | + username:'', | ||
85 | + avatar:'' | ||
84 | }; | 86 | }; |
85 | }, | 87 | }, |
88 | + created(){ | ||
89 | + this.getuserinfo() | ||
90 | + }, | ||
86 | methods: { | 91 | methods: { |
92 | + | ||
93 | + getuserinfo(){ | ||
94 | + let that = this; | ||
95 | + var url = "/api/user/index"; | ||
96 | + let param = { | ||
97 | + | ||
98 | + }; | ||
99 | + | ||
100 | + that.$axios | ||
101 | + .post(url, param) | ||
102 | + .then(function (res) { | ||
103 | + console.log(res); | ||
104 | + that.username=res.data.nickname, | ||
105 | + that.avatar=res.data.avatar | ||
106 | + | ||
107 | + }) | ||
108 | + .catch(function (error) { | ||
109 | + console.log(error); | ||
110 | + }); | ||
111 | + }, | ||
112 | + | ||
87 | selcourse(e) { | 113 | selcourse(e) { |
88 | console.log(37344); | 114 | console.log(37344); |
89 | console.log(e); | 115 | console.log(e); |
@@ -91,9 +117,10 @@ export default { | @@ -91,9 +117,10 @@ export default { | ||
91 | }, | 117 | }, |
92 | // 修改资料 | 118 | // 修改资料 |
93 | changeziliao() { | 119 | changeziliao() { |
120 | + let that=this; | ||
94 | this.$router.push({ | 121 | this.$router.push({ |
95 | path: "/changeziliao", | 122 | path: "/changeziliao", |
96 | - // query: { testId: item.test_student_id } | 123 | + query: { username: that.username,avatar:that.avatar } |
97 | }); | 124 | }); |
98 | }, | 125 | }, |
99 | jump(id) { | 126 | jump(id) { |
@@ -117,7 +144,10 @@ export default { | @@ -117,7 +144,10 @@ export default { | ||
117 | // 上面跳转 | 144 | // 上面跳转 |
118 | join(id) { | 145 | join(id) { |
119 | if (id == 1) { | 146 | if (id == 1) { |
120 | - | 147 | +this.$router.push({ |
148 | + path: "/publish" | ||
149 | + // query: { testId: item.test_student_id } | ||
150 | + }); | ||
121 | } else if (id == 2) { | 151 | } else if (id == 2) { |
122 | this.$router.push({ | 152 | this.$router.push({ |
123 | path: "/joinus", | 153 | path: "/joinus", |
@@ -6,8 +6,11 @@ import router from "./router"; | @@ -6,8 +6,11 @@ import router from "./router"; | ||
6 | 6 | ||
7 | import Vant from "vant"; | 7 | import Vant from "vant"; |
8 | import "vant/lib/index.css"; | 8 | import "vant/lib/index.css"; |
9 | +import {Toast } from 'vant'; | ||
10 | +Vue.use(Toast); | ||
9 | Vue.use(Vant); | 11 | Vue.use(Vant); |
10 | 12 | ||
13 | + | ||
11 | Vue.config.productionTip = false; | 14 | Vue.config.productionTip = false; |
12 | 15 | ||
13 | import axios from "./utils/common.js"; | 16 | import axios from "./utils/common.js"; |
@@ -7,6 +7,10 @@ | @@ -7,6 +7,10 @@ | ||
7 | .userimg { | 7 | .userimg { |
8 | width: 1.52rem; | 8 | width: 1.52rem; |
9 | height: 1.52rem; | 9 | height: 1.52rem; |
10 | + border-radius: 50%; | ||
11 | +} | ||
12 | +.userimg img{ | ||
13 | + border-radius: 50%; | ||
10 | } | 14 | } |
11 | 15 | ||
12 | .username { | 16 | .username { |
@@ -14,7 +18,10 @@ | @@ -14,7 +18,10 @@ | ||
14 | font-size: 0.36rem; | 18 | font-size: 0.36rem; |
15 | margin-left: 0.32rem; | 19 | margin-left: 0.32rem; |
16 | } | 20 | } |
17 | - | 21 | +.zhibojianjie{ |
22 | + color: #02170b; | ||
23 | + font-size: 0.28rem; | ||
24 | +} | ||
18 | .usertophead { | 25 | .usertophead { |
19 | padding-bottom: 0.32rem; | 26 | padding-bottom: 0.32rem; |
20 | border-bottom: 1px solid #eee; | 27 | border-bottom: 1px solid #eee; |
@@ -557,7 +564,7 @@ | @@ -557,7 +564,7 @@ | ||
557 | 564 | ||
558 | .activitybox { | 565 | .activitybox { |
559 | margin-bottom: 0.5rem; | 566 | margin-bottom: 0.5rem; |
560 | - margin-top: 1.2rem; | 567 | + /* margin-top: 1.2rem; */ |
561 | } | 568 | } |
562 | 569 | ||
563 | .sucaicourse { | 570 | .sucaicourse { |
@@ -1465,3 +1472,240 @@ | @@ -1465,3 +1472,240 @@ | ||
1465 | padding: 0 0.32rem; | 1472 | padding: 0 0.32rem; |
1466 | box-sizing: border-box; | 1473 | box-sizing: border-box; |
1467 | } | 1474 | } |
1475 | + | ||
1476 | + | ||
1477 | +/* 社区盒子 */ | ||
1478 | + | ||
1479 | +.societyitem { | ||
1480 | + width: 6.86rem; | ||
1481 | + background: #ffffff; | ||
1482 | + border-radius: 0.08rem; | ||
1483 | + box-shadow: 0 0.26rem 0.44rem 0 rgba(49, 144, 49, 0.08); | ||
1484 | + padding: 0.24rem 0.26rem; | ||
1485 | + box-sizing: border-box; | ||
1486 | + margin: 0.32rem auto 0; | ||
1487 | +} | ||
1488 | + | ||
1489 | +.societytop { | ||
1490 | + position: relative; | ||
1491 | +} | ||
1492 | + | ||
1493 | +.personimg { | ||
1494 | + width: 0.8rem; | ||
1495 | + height: 0.8rem; | ||
1496 | + font-size: 0; | ||
1497 | + border-radius: 50%; | ||
1498 | +} | ||
1499 | + | ||
1500 | +.personimg img { | ||
1501 | + border-radius: 50%; | ||
1502 | +} | ||
1503 | + | ||
1504 | +.personname { | ||
1505 | + color: #02170b; | ||
1506 | + font-size: 0.28rem; | ||
1507 | +} | ||
1508 | + | ||
1509 | + | ||
1510 | +.persondate { | ||
1511 | + color: #b5bfba; | ||
1512 | + font-size: 0.24rem; | ||
1513 | + margin-top: 0.1rem; | ||
1514 | +} | ||
1515 | + | ||
1516 | +.dingimg { | ||
1517 | + width: 0.4rem; | ||
1518 | + height: 0.6rem; | ||
1519 | + font-size: 0; | ||
1520 | + position: absolute; | ||
1521 | + top: -0.24rem; | ||
1522 | + right: 0; | ||
1523 | +} | ||
1524 | + | ||
1525 | +.personright { | ||
1526 | + margin-left: 0.16rem; | ||
1527 | +} | ||
1528 | + | ||
1529 | +.societytext { | ||
1530 | + color: #344039; | ||
1531 | + font-size: 0.32rem; | ||
1532 | + margin-top: 0.18rem; | ||
1533 | +} | ||
1534 | + | ||
1535 | +.societyimg { | ||
1536 | + flex-wrap: wrap; | ||
1537 | + margin-top: 0.24rem; | ||
1538 | +} | ||
1539 | + | ||
1540 | +.societyimgitem { | ||
1541 | + width: 2.02rem; | ||
1542 | + height: 2.02rem; | ||
1543 | + font-size: 0; | ||
1544 | + margin-right: 0.09rem; | ||
1545 | + margin-bottom: 0.16rem; | ||
1546 | +} | ||
1547 | + | ||
1548 | +.jianzheng { | ||
1549 | + width: 1.56rem; | ||
1550 | + height: 0.44rem; | ||
1551 | + border-radius: 0.08rem; | ||
1552 | + font-size: 0.16rem; | ||
1553 | + line-height: 0.44rem; | ||
1554 | + margin-top: 0.32rem; | ||
1555 | + margin-right: 0.2rem; | ||
1556 | +} | ||
1557 | + | ||
1558 | +.jianzhengtui { | ||
1559 | + flex-wrap: wrap; | ||
1560 | +} | ||
1561 | + | ||
1562 | +.jianzhengleft { | ||
1563 | + width: 0.36rem; | ||
1564 | + height: 0.44rem; | ||
1565 | + background: #5d9a5c; | ||
1566 | + color: #fff; | ||
1567 | + text-align: center; | ||
1568 | + border-radius: 0.08rem 0 0 0.08rem; | ||
1569 | +} | ||
1570 | + | ||
1571 | +.jianzhengright { | ||
1572 | + width: 1.2rem; | ||
1573 | + height: 0.44rem; | ||
1574 | + background: #e6ebe6; | ||
1575 | + text-align: center; | ||
1576 | + color: #5d9a5c; | ||
1577 | + border-radius: 0 0.08rem 0.08rem 0; | ||
1578 | +} | ||
1579 | + | ||
1580 | +.dianzanimg { | ||
1581 | + width: 0.32rem; | ||
1582 | + height: 0.32rem; | ||
1583 | + font-size: 0; | ||
1584 | +} | ||
1585 | + | ||
1586 | +.number { | ||
1587 | + color: #7b7b7b; | ||
1588 | + font-size: 0.2rem; | ||
1589 | + margin-left: 0.18rem; | ||
1590 | + margin-top: 0.1rem; | ||
1591 | +} | ||
1592 | + | ||
1593 | +.dianitem { | ||
1594 | + margin-right: 0.38rem; | ||
1595 | +} | ||
1596 | + | ||
1597 | +.dainzan { | ||
1598 | + margin-top: 0.26rem; | ||
1599 | +} | ||
1600 | + | ||
1601 | +.gantanimg { | ||
1602 | + width: 2.4rem; | ||
1603 | + height: 2.4rem; | ||
1604 | + background: rgba(50, 50, 51, 0.7); | ||
1605 | + border-radius: 0.08rem; | ||
1606 | + position: absolute; | ||
1607 | + left: 50%; | ||
1608 | + top: 50%; | ||
1609 | + text-align: center; | ||
1610 | + transform: translateX(-50%); | ||
1611 | +} | ||
1612 | + | ||
1613 | +.ganimg { | ||
1614 | + width: 0.72rem; | ||
1615 | + height: 0.72rem; | ||
1616 | + margin-top: 0.58rem; | ||
1617 | +} | ||
1618 | + | ||
1619 | +.gantantext { | ||
1620 | + color: #fff; | ||
1621 | + font-size: 0.28rem; | ||
1622 | + text-align: center; | ||
1623 | + margin-top: 0.16rem; | ||
1624 | +} | ||
1625 | + | ||
1626 | +.addimg { | ||
1627 | + width: 0.88rem; | ||
1628 | + height: 0.88rem; | ||
1629 | + font-size: 0; | ||
1630 | + position: absolute; | ||
1631 | + right: 0.32rem; | ||
1632 | + bottom: 1.32rem; | ||
1633 | +} | ||
1634 | + | ||
1635 | + | ||
1636 | +/* 发布 */ | ||
1637 | + | ||
1638 | +.publishitem { | ||
1639 | + padding: 0.26rem 0; | ||
1640 | + box-sizing: border-box; | ||
1641 | + border-bottom: 1px solid #eee; | ||
1642 | +} | ||
1643 | + | ||
1644 | +.publeft { | ||
1645 | + color: rgba(50, 50, 51, 1); | ||
1646 | + font-size: 0.28rem; | ||
1647 | +} | ||
1648 | + | ||
1649 | +.pubpicker { | ||
1650 | + position: absolute; | ||
1651 | + bottom: 0; | ||
1652 | + left: 0; | ||
1653 | + width: 100%; | ||
1654 | + z-index: 99; | ||
1655 | +} | ||
1656 | + | ||
1657 | +.kindname { | ||
1658 | + color: #999999; | ||
1659 | + font-size: 0.28rem; | ||
1660 | + /* margin-left: 0.32rem; */ | ||
1661 | +} | ||
1662 | + | ||
1663 | +.enterkind { | ||
1664 | + width: 100%; | ||
1665 | + height: 5rem; | ||
1666 | + padding: 0.18rem 0; | ||
1667 | + color: #999999; | ||
1668 | + font-size: 0.28rem; | ||
1669 | + box-sizing: border-box; | ||
1670 | +} | ||
1671 | + | ||
1672 | +.enterkind textarea { | ||
1673 | + width: 100%; | ||
1674 | + border: none; | ||
1675 | + outline: none; | ||
1676 | +} | ||
1677 | + | ||
1678 | +.pubimg { | ||
1679 | + width: 1.78rem; | ||
1680 | + height: 1.78rem; | ||
1681 | + font-size: 0; | ||
1682 | +} | ||
1683 | + | ||
1684 | +.pubsuccess { | ||
1685 | + width: 6.22rem; | ||
1686 | + height: 2.72rem; | ||
1687 | + background: #ffffff; | ||
1688 | + border-radius: 0.08rem 0.08rem 0 0; | ||
1689 | + position: absolute; | ||
1690 | + top: 50%; | ||
1691 | + left: 50%; | ||
1692 | + transform: translate(-50%, -50%); | ||
1693 | +} | ||
1694 | + | ||
1695 | +.pubsuccessname { | ||
1696 | + color: #323233; | ||
1697 | + font-size: 0.28rem; | ||
1698 | + text-align: center; | ||
1699 | + padding: 0.68rem 0.48rem 0.68rem; | ||
1700 | + box-sizing: border-box; | ||
1701 | + border-bottom: 1px solid #eee; | ||
1702 | +} | ||
1703 | + | ||
1704 | +.pubsure { | ||
1705 | + height: 0.96rem; | ||
1706 | + text-align: center; | ||
1707 | + line-height: 0.96rem; | ||
1708 | + color: #4f874f; | ||
1709 | + text-align: center; | ||
1710 | + font-size: 0.28rem; | ||
1711 | +} |
-
请 注册 或 登录 后发表评论