@@ -94,249 +153,251 @@ import Setting from "@/setting";
import { mapMutations } from "vuex";
import { Loading } from 'element-ui'
export default {
- data() {
- return {
- timer: null,
- keyword: "",
- activityData: [],
- statuses: [
- {
- id: '',
- name: '不限'
- },
- {
- id: 0,
- name: '待发布'
- },
- {
- id: 1,
- name: '已发布'
- }
- ],
- form: {
- month: "",
- publishStatus: "",
- startTime: "",
- endTime: "",
- },
- multipleSelection: [],
- dateList: [
- {
- id: "",
- name: "不限"
- },
- {
- id: 1,
- name: "近一个月"
- },
- {
- id: 3,
- name: "近三个月"
- },
- {
- id: 6,
- name: "近六个月"
- }
- ],
- date: [],
- page: +this.$route.query.page || 1,
- pageSize: 10,
- total: 0,
- transferPublishStatus: [ "未发布", "已发布"],
- modifyVisible: false,
- curRow: {
- playingStages: []
- },
- timer: null,
- redisTimer: null,
- pickerOptions: {
- shortcuts: [{
- text: '此刻',
- onClick(picker) {
- picker.$emit('pick', new Date(Date.now() + 5000))
- }
- }]
- }
- };
- },
- watch: {
- "form.month": function(val) {
- if (val) {
- let unit = 24 * 60 * 60 * 1000;
- this.date = [util.formatDate("yyyy-MM-dd", new Date(new Date().getTime() - unit * 30 * val)), util.formatDate("yyyy-MM-dd", new Date(new Date().getTime() + unit))];
- } else {
- this.date = [];
- }
+ data () {
+ return {
+ timer: null,
+ keyword: "",
+ activityData: [],
+ statuses: [
+ {
+ id: '',
+ name: '不限'
+ },
+ {
+ id: 0,
+ name: '待发布'
},
- date: function(val) {
- if (val) {
- this.form.startTime = val[0];
- this.form.endTime = val[1];
- } else {
- this.form.startTime = "";
- this.form.endTime = "";
- }
- this.initData();
+ {
+ id: 1,
+ name: '已发布'
+ }
+ ],
+ form: {
+ month: "",
+ publishStatus: "",
+ startTime: "",
+ endTime: "",
+ },
+ multipleSelection: [],
+ dateList: [
+ {
+ id: "",
+ name: "不限"
+ },
+ {
+ id: 1,
+ name: "近一个月"
},
- keyword: function(val) {
- clearTimeout(this.searchTimer);
- this.searchTimer = setTimeout(() => {
- this.initData();
- }, 500);
+ {
+ id: 3,
+ name: "近三个月"
+ },
+ {
+ id: 6,
+ name: "近六个月"
}
+ ],
+ date: [],
+ page: +this.$route.query.page || 1,
+ pageSize: 10,
+ total: 0,
+ transferPublishStatus: ["未发布", "已发布"],
+ modifyVisible: false,
+ curRow: {
+ playingStages: []
+ },
+ timer: null,
+ redisTimer: null,
+ pickerOptions: {
+ shortcuts: [{
+ text: '此刻',
+ onClick (picker) {
+ picker.$emit('pick', new Date(Date.now() + 5000))
+ }
+ }]
+ }
+ };
+ },
+ watch: {
+ "form.month": function (val) {
+ if (val) {
+ let unit = 24 * 60 * 60 * 1000;
+ this.date = [util.formatDate("yyyy-MM-dd", new Date(new Date().getTime() - unit * 30 * val)), util.formatDate("yyyy-MM-dd", new Date(new Date().getTime() + unit))];
+ } else {
+ this.date = [];
+ }
},
- mounted() {
- this.getData()
- this.$once('hook:beforeDestroy', function() {
- clearInterval(this.timer)
- clearInterval(this.redisTimer)
- })
+ date: function (val) {
+ if (val) {
+ this.form.startTime = val[0];
+ this.form.endTime = val[1];
+ } else {
+ this.form.startTime = "";
+ this.form.endTime = "";
+ }
+ this.initData();
},
- methods: {
- ...mapMutations('activity', [
- 'setPage'
- ]),
- getList() {
- // const load = Loading.service()
- const { form } = this
- this.$post(this.api.myActivities, {
- pageNum: this.page,
- pageSize: this.pageSize,
- endTime: form.endTime || null,
- keyWords: this.keyword || null,
- platformSource: 2, // 当前所属平台(0:中台，1：职站教师 2职站学生)
- startTime: form.startTime || null,
- publishStatus: form.publishStatus === '' ? null : form.publishStatus
- }).then(({ data }) => {
- // load.close()
- if (data) {
- const list = data.records
- // 定时处理是否要显示修改结束时间按钮
- this.timer = setInterval(() => {
- const now = new Date()
- list.map(e => {
- if (!e.playingStages) {
- this.$set(e, 'playingStages', [])
- } else {
- e.playingStages = []
- }
- // 如果当前时间在项目开始结束时间之间
- if (now >= new Date(e.playStartTime) && now <= new Date(e.playEndTime)) {
- // 遍历赛事阶段
- if (e.competitionStageList) {
- for (const n of e.competitionStageList) {
- // 判断是否有开始了的阶段
- if (now >= new Date(n.startTime) && now <= new Date(n.endTime)) {
- e.playingStages.push(n)
- }
- }
+ keyword: function (val) {
+ clearTimeout(this.searchTimer);
+ this.searchTimer = setTimeout(() => {
+ this.initData();
+ }, 500);
+ }
+ },
+ mounted () {
+ this.getData()
+ this.$once('hook:beforeDestroy', function () {
+ clearInterval(this.timer)
+ clearInterval(this.redisTimer)
+ })
+ },
+ methods: {
+ ...mapMutations('activity', [
+ 'setPage'
+ ]),
+ getList () {
+ // const load = Loading.service()
+ const { form } = this
+ this.$post(this.api.myActivities, {
+ pageNum: this.page,
+ pageSize: this.pageSize,
+ endTime: form.endTime || null,
+ keyWords: this.keyword || null,
+ platformSource: 2, // 当前所属平台(0:中台，1：职站教师 2职站学生)
+ startTime: form.startTime || null,
+ publishStatus: form.publishStatus === '' ? null : form.publishStatus
+ }).then(({ data }) => {
+ // load.close()
+ if (data) {
+ const list = data.records
+ // 定时处理是否要显示修改结束时间按钮
+ this.timer = setInterval(() => {
+ const now = new Date()
+ list.map(e => {
+ if (!e.playingStages) {
+ this.$set(e, 'playingStages', [])
+ } else {
+ e.playingStages = []
+ }
+ // 如果当前时间在项目开始结束时间之间
+ if (now >= new Date(e.playStartTime) && now <= new Date(e.playEndTime)) {
+ // 遍历赛事阶段
+ if (e.competitionStageList) {
+ for (const n of e.competitionStageList) {
+ // 判断是否有开始了的阶段
+ if (now >= new Date(n.startTime) && now <= new Date(n.endTime)) {
+ e.playingStages.push(n)
}
}
- })
- }, 1000)
- list.map(e => {
- if (e.schoolOpen) e.isOpen = 1
- })
- this.activityData = list
- this.total = data.total
- this.$refs.table.clearSelection()
- if (!this.activityData.length && this.total) {
- this.page--
- this.getData()
+ }
}
- }
- }).catch(res => {
- // load.close()
- })
- },
- getData() {
- this.getList()
- },
- initData() {
- this.page = 1;
- this.getData();
- },
- // 获取redis缓存
- getRedis() {
- this.$post(this.api.getRedisCacheActivity).then(({ data }) => {
- if (data) {
- localStorage.getItem('activityTimestampClient') !== data && this.getList() // 本地缓存跟redis返回的不一样，就查询列表
- localStorage.setItem('activityTimestampClient', data)
- }
- }).catch(res => {})
- },
- getData() {
- this.getList()
- // if (!Setting.isDev) {
- clearInterval(this.redisTimer)
- this.redisTimer = setInterval(this.getRedis, 1000)
- // }
- },
- add() {
- this.$router.push("add");
- },
- manage(row) {
- this.$router.push(`manageDetail?id=${row.id}&name=${row.projectName}`)
- },
-
- changeType() {
- this.$refs.table.clearSelection();
- this.initData();
- },
- delData(row) {
- this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", {
- type: "warning"
})
- .then(() => {
- this.$post(this.api.batchDeletionActivity, [row.id]).then(res => {
- util.successMsg("删除成功");
- this.getData();
- }).catch(res => {
- });
- })
- .catch(() => {
- });
- },
- handleSelectionChange(val) {
- this.multipleSelection = val;
- },
- // 批量删除
- delAllSelection() {
- if (this.multipleSelection.length) {
- this.$confirm("确定要删除吗？", "提示", {
- type: "warning"
- }).then(() => {
- let ids = this.multipleSelection.map(e => e.id);
- this.$post(this.api.batchDeletionActivity, this.multipleSelection.map(e => e.id)).then(res => {
- this.getData();
- this.$message.success("删除成功");
- this.$refs.table.clearSelection()
- }).catch(err => {
- });
- }).catch(() => {
- });
- } else {
- this.$message.warning("请先选择项目 ！");
- }
- },
- handleCurrentChange(val) {
- this.page = val;
- this.$router.push(`list?page=${val}`)
+ }, 1000)
+ list.map(e => {
+ if (e.schoolOpen) e.isOpen = 1
+ })
+ this.activityData = list
+ this.total = data.total
+ this.$refs.table.clearSelection()
+ if (!this.activityData.length && this.total) {
+ this.page--
this.getData()
- this.setPage(val)
- },
- transferTime(date, type) {
- if (date == "0000-00-00 00:00:00") return "---";
- return date;
- },
- switchOff(val, row) {
- this.$post(this.api.disabledEventsActivity, {
- activityId: row.id,
- isOpen: val,
- type: 2 // 禁用平台来源(0中台，1职站)
- }).then(res => {}).catch(err => {})
- },
- }
+ }
+ }
+ }).catch(res => {
+ // load.close()
+ })
+ },
+ getData () {
+ this.getList()
+ },
+ initData () {
+ this.page = 1;
+ this.getData();
+ },
+ // 获取redis缓存
+ getRedis () {
+ this.$post(this.api.getRedisCacheActivity).then(({ data }) => {
+ if (data) {
+ localStorage.getItem('activityTimestampClient') !== data && this.getList() // 本地缓存跟redis返回的不一样，就查询列表
+ localStorage.setItem('activityTimestampClient', data)
+ }
+ }).catch(res => { })
+ },
+ getData () {
+ this.getList()
+ // if (!Setting.isDev) {
+ clearInterval(this.redisTimer)
+ this.redisTimer = setInterval(this.getRedis, 1000)
+ // }
+ },
+ add () {
+ this.$router.push("add");
+ },
+ manage (row) {
+ this.$router.push(`manageDetail?id=${row.id}&name=${row.projectName}`)
+ },
+
+ changeType () {
+ this.$refs.table.clearSelection();
+ this.initData();
+ },
+ delData (row) {
+ this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", {
+ type: "warning"
+ })
+ .then(() => {
+ this.$post(this.api.batchDeletionActivity, [row.id]).then(res => {
+ util.successMsg("删除成功");
+ this.getData();
+ }).catch(res => {
+ });
+ })
+ .catch(() => {
+ });
+ },
+ handleSelectionChange (val) {
+ this.multipleSelection = val;
+ },
+ // 批量删除
+ delAllSelection () {
+ if (this.multipleSelection.length) {
+ this.$confirm("确定要删除吗？", "提示", {
+ type: "warning"
+ }).then(() => {
+ let ids = this.multipleSelection.map(e => e.id);
+ this.$post(this.api.batchDeletionActivity, this.multipleSelection.map(e => e.id)).then(res => {
+ this.getData();
+ this.$message.success("删除成功");
+ this.$refs.table.clearSelection()
+ }).catch(err => {
+ });
+ }).catch(() => {
+ });
+ } else {
+ this.$message.warning("请先选择项目 ！");
+ }
+ },
+ handleCurrentChange (val) {
+ this.page = val;
+ this.$router.push(`list?page=${val}`)
+ this.getData()
+ this.setPage(val)
+ },
+ transferTime (date, type) {
+ if (date == "0000-00-00 00:00:00") return "---";
+ return date;
+ },
+ switchOff (val, row) {
+ this.$post(this.api.disabledEventsActivity, {
+ activityId: row.id,
+ isOpen: val,
+ type: 2
+ }).then(res => { }).catch(err => {
+ row.isOpen = val ? 0 : 1
+ })
+ },
+ }
};
diff --git a/src/pages/activity/manage/manage/matchSignup.vue b/src/pages/activity/manage/manage/matchSignup.vue
index 54516f5..ff8b771 100644
--- a/src/pages/activity/manage/manage/matchSignup.vue
+++ b/src/pages/activity/manage/manage/matchSignup.vue
@@ -1,57 +1,93 @@
-
-
-
+
+
+
-
-
-
-
- {{ scope.$index + (page - 1) * pageSize + 1 }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+ {{ scope.$index + (page - 1) * pageSize + 1 }}
+
+
+
+
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/station/preview/index.vue b/src/pages/station/preview/index.vue
index ade0b56..affc78c 100644
--- a/src/pages/station/preview/index.vue
+++ b/src/pages/station/preview/index.vue
@@ -181,6 +181,7 @@
+ 取消
保存
@@ -227,11 +228,16 @@
提交
+ size="mini"
+ @click="submitComment(item, reply)">提交
@@ -437,27 +463,8 @@ export default {
noteContent: '',
noteName: '',
},
- msg: '',
- msgs: [
- {
- avatar: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png',
- createDate: '2023-04-28 12:41:10',
- userName: '刘恒',
- content: '基础、个人、增值',
- showReply: false,
- getCommentReplyNum: 1,
- showChildren: false,
- children: [
- {
- avatar: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png',
- createDate: '2023-04-29 09:22:13',
- userName: '公瑾',
- content: '基础、个人、增值',
- showReply: false,
- }
- ]
- }
- ]
+ comments: [],
+ comment: '',
};
},
computed: {
@@ -478,6 +485,20 @@ export default {
this.getData();
this.addRecord()
this.getNote()
+ this.getComment()
+ var arr6 = [1, 2, [3, 4, [5, 6]]];
+ function flatten (arr) {
+ var result = [];
+ for (var i = 0; i < arr.length; i++) {
+ if (Array.isArray(arr[i])) {
+ result = result.concat(flatten(arr[i]))
+ } else {
+ result.push(arr[i]);
+ }
+ }
+ return result;
+ }
+ console.log(11, flatten(arr6))
},
destroyed () {
// 记录播放时长
@@ -561,7 +582,6 @@ export default {
// 保存笔记
submitNote () {
const form = this.noteForm
- console.log(33, form, this.noteContent)
if (!form.noteName) return util.errorMsg('请输入笔记标题')
if (!form.noteContent) return util.errorMsg('请输入笔记内容')
this.$post(this.api[form.noteId ? 'updateNote' : 'addNote'], form).then(res => {
@@ -586,6 +606,64 @@ export default {
this.noteForm = JSON.parse(JSON.stringify(row))
this.showNoteAdd = true
},
+
+ // 教学互动列表
+ getComment () {
+ this.$get(this.api.commentTreeList, {
+ cid: this.courseId,
+ }).then(res => {
+ const list = res.rootComments
+ this.handleComments(list)
+ // console.log("🚀 ~ file: index.vue:590 ~ getComment ~ list:", list, l)
+ this.comments = list
+ }).catch(res => { })
+ },
+ // 递归处理评论参数
+ handleComments (list) {
+ list.forEach(e => {
+ if (!e.avatar) e.avatar = 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
+ e.getCommentReplyNum = e.children && e.children.length
+ e.showChildren = false
+ e.showReply = false
+ e.replyContent = ''
+ e.children && this.handleComments(e.children)
+ })
+ },
+ // 回复
+ showReplay (row) {
+ row.showReply = !row.showReply
+ },
+ // 删除评论
+ delComment (row) {
+ this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", {
+ type: "warning"
+ }).then(() => {
+ this.$post(`${this.api.deleteAComment}?commentId=${row.commentId}`).then(res => {
+ util.successMsg("删除成功");
+ this.getComment();
+ }).catch(res => { })
+ }).catch(() => { })
+ },
+ // 保存评论
+ submitComment (row, reply) {
+ const content = reply ? reply.replyContent : row ? row.replyContent : this.comment
+ if (!content) return util.errorMsg('请输入内容！')
+ this.$post(this.api.addComment, {
+ cid: this.courseId,
+ content,
+ pid: row ? row.commentId : 0
+ }).then(res => {
+ this.comment = ''
+ this.getComment()
+ }).catch(res => { })
+ },
+ // 评论点赞
+ like (row) {
+ this.$post(`${this.api[row.isLike ? 'unlike' : 'commentAndLike']}?commentId=${row.commentId}`).then(res => {
+ row.isLike = row.isLike ? 0 : 1
+ }).catch(res => { })
+ },
+
// 插入阿里云播放器脚本
insertScript () {
const linkTag = document.createElement("link");
diff --git a/src/setting.js b/src/setting.js
index 49f31ad..e4caee4 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -29,7 +29,7 @@ if (isPro) {
host = "http://121.37.12.51/"; // 测试服
// host = 'https://www.occupationlab.com/' // 正式服
// host = "http://192.168.31.151:9000/"; // 榕
- // host = "http://192.168.31.116:9000/"; // 赓
+ host = "http://192.168.31.53:9000/"; // 赓
}
const Setting = {
diff --git a/src/styles/page/station.scss b/src/styles/page/station.scss
index e3ac02f..de8b86d 100644
--- a/src/styles/page/station.scss
+++ b/src/styles/page/station.scss
@@ -1,173 +1,175 @@
-.msg{
- li{
- margin-bottom: 10px;
- border-top: 1px solid #f1f1f1;
- &:first-child{
- border-top: 0;
- }
- .li-wrap{
- position: relative;
- display: flex;
- justify-content: space-between;
- padding: 16px 0;
- .avatar{
- width: 48px;
- height: 48px;
- border-radius: 50%;
- }
- .texts{
- flex: 1;
- margin-left: 24px;
- .name{
- color: rgba(0, 0, 0, 0.85);
- font-size: 16px;
- }
- .des{
- margin: 8px 0;
- }
- .date{
- color: rgba(0, 0, 0, 0.45);
- font-size: 14px;
- }
- }
- .action{
- display: inline-flex;
- align-items: center;
- margin-top: 15px;
- .icon{
- margin: 0 5px;
- color: $main-color;
- font-size: 18px;
- cursor: pointer;
- &:hover{
- opacity: .8;
- }
- &:first-child{
- margin-right: 5px;
- }
- &.del{
- color: rgba(0, 0, 0, 0.65);
- border: 1px solid rgba(0, 0, 0, 0.15);
- }
- }
- }
- }
- .reply{
- margin-top: 20px;
- }
- }
- &.children{
- margin-left: 72px;
- padding-left: 24px;
- background-color: rgba(0, 0, 0, 0.02);
- border-radius: 8px;
- li{
- border-top-color: rgba(0, 0, 0, 0.06);
- }
- }
+.msg {
+ li {
+ margin-bottom: 10px;
+ border-top: 1px solid #f1f1f1;
+ &:first-child {
+ border-top: 0;
+ }
+ .li-wrap {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ padding: 16px 0;
+ .avatar {
+ width: 48px;
+ height: 48px;
+ border-radius: 50%;
+ }
+ .texts {
+ flex: 1;
+ margin-left: 24px;
+ .name {
+ color: rgba(0, 0, 0, 0.85);
+ font-size: 16px;
+ }
+ .des {
+ margin: 8px 0;
+ }
+ .date {
+ color: rgba(0, 0, 0, 0.45);
+ font-size: 14px;
+ }
+ }
+ .action {
+ display: inline-flex;
+ align-items: center;
+ margin-top: 15px;
+ .icon {
+ margin: 0 5px;
+ color: $main-color;
+ font-size: 18px;
+ cursor: pointer;
+ &:hover {
+ opacity: 0.8;
+ }
+ &:first-child {
+ margin-right: 5px;
+ }
+ &.del {
+ color: rgba(0, 0, 0, 0.65);
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ }
+ }
+ }
+ }
+ .reply {
+ padding-bottom: 10px;
+ margin-top: 20px;
+ }
+ }
+ &.children {
+ margin-left: 72px;
+ padding-left: 24px;
+ background-color: rgba(0, 0, 0, 0.02);
+ border-radius: 8px;
+ li {
+ border-top-color: rgba(0, 0, 0, 0.06);
+ }
+ }
}
-.toggle{
- margin: 16px 0;
- text-align: center;
- color: $main-color;
- font-size: 14px;
- span{
- cursor: pointer;
- }
+.toggle {
+ margin: 16px 0;
+ text-align: center;
+ color: $main-color;
+ font-size: 14px;
+ span {
+ cursor: pointer;
+ }
}
-/deep/.quill{
- background-color: #fff;
+/deep/.quill {
+ background-color: #fff;
}
/deep/.timeline {
- padding-left: 10%;
- overflow: hidden;
- .el-timeline-item {
- padding-bottom: 40px;
- }
- .el-timeline-item__node--normal {
- top: 30px;
- }
- .el-timeline-item__wrapper {
- top: 15px;
- padding-left: 40px;
- }
- .el-timeline-item__tail {
- height: 250%;
- border-left-width: 1px;
- }
- .sign {
- position: relative;
- display: inline-block;
- margin-left: -14%;
- font-size: 14px;
- color: #9076FF;
- }
- .draft {
- .ver, .sign {
- color: #b1b1b1;
- }
- }
- .ver {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding-bottom: 10px;
- margin: -22px 0 20px;
- font-size: 18px;
- color: #9076FF;
- border-bottom: 1px dashed #bfbfbf;
- }
- .withdraw {
- margin-right: 10px;
- font-size: 13px;
- color: #979797;
- }
- .action {
- margin-left: 15px;
- i {
- margin-left: 8px;
- font-size: 14px;
- color: #9076FF;
- cursor: pointer;
- &:hover {
- opacity: .9;
- }
- }
- }
- .detail {
- li {
- margin-bottom: 20px;
- }
- .name {
- display: flex;
- align-items: center;
- margin-bottom: 5px;
- font-size: 15px;
- font-weight: 600;
- img {
- width: 20px;
- margin-right: 5px;
- }
- }
- .val {
- font-size: 14px;
- line-height: 1.8;
- white-space: pre-wrap;
- p {
- position: relative;
- color: #6a6a6a;
- &:before {
- content: '';
- display: inline-block;
- width: 5px;
- height: 5px;
- margin: 0 10px 0 5px;
- vertical-align: middle;
- border-radius: 20px;
- background-color: #c5b8ff;
+ padding-left: 10%;
+ overflow: hidden;
+ .el-timeline-item {
+ padding-bottom: 40px;
+ }
+ .el-timeline-item__node--normal {
+ top: 30px;
+ }
+ .el-timeline-item__wrapper {
+ top: 15px;
+ padding-left: 40px;
+ }
+ .el-timeline-item__tail {
+ height: 250%;
+ border-left-width: 1px;
+ }
+ .sign {
+ position: relative;
+ display: inline-block;
+ margin-left: -14%;
+ font-size: 14px;
+ color: #007eff;
+ }
+ .draft {
+ .ver,
+ .sign {
+ color: #b1b1b1;
+ }
+ }
+ .ver {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-bottom: 10px;
+ margin: -22px 0 20px;
+ font-size: 18px;
+ color: #007eff;
+ border-bottom: 1px dashed #bfbfbf;
+ }
+ .withdraw {
+ margin-right: 10px;
+ font-size: 13px;
+ color: #979797;
+ }
+ .action {
+ margin-left: 15px;
+ i {
+ margin-left: 8px;
+ font-size: 14px;
+ color: #007eff;
+ cursor: pointer;
+ &:hover {
+ opacity: 0.9;
+ }
+ }
+ }
+ .detail {
+ li {
+ margin-bottom: 20px;
+ }
+ .name {
+ display: flex;
+ align-items: center;
+ margin-bottom: 5px;
+ font-size: 15px;
+ font-weight: 600;
+ img {
+ width: 20px;
+ margin-right: 5px;
}
- }
- }
- }
-}
\ No newline at end of file
+ }
+ .val {
+ font-size: 14px;
+ line-height: 1.8;
+ white-space: pre-wrap;
+ p {
+ position: relative;
+ color: #6a6a6a;
+ &:before {
+ content: '';
+ display: inline-block;
+ width: 5px;
+ height: 5px;
+ margin: 0 10px 0 5px;
+ vertical-align: middle;
+ border-radius: 20px;
+ background-color: #c5b8ff;
+ }
+ }
+ }
+ }
+}
+ 2人关注
+ 
+ 
+ alt=""
+ @click="like(item)">