作者 lihongjuan

1

@@ -85,4 +85,7 @@ export default { @@ -85,4 +85,7 @@ export default {
85 85
86 <style scoped> 86 <style scoped>
87 @import "../../../style/activity.css"; 87 @import "../../../style/activity.css";
  88 +.container{
  89 + padding-bottom: 1.2rem;
  90 +}
88 </style> 91 </style>
@@ -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";
@@ -64,6 +64,7 @@ @@ -64,6 +64,7 @@
64 font-size: 0.28rem; 64 font-size: 0.28rem;
65 } 65 }
66 66
  67 +
67 .persondate { 68 .persondate {
68 color: #b5bfba; 69 color: #b5bfba;
69 font-size: 0.24rem; 70 font-size: 0.24rem;
@@ -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 +}