2021/7/23 学习知识汇聚平台:添加评分显示

对于平台多个页面添加了文章的评分功能与显示

文章详情页面为例,代码如下:

<template>
  <div>
    <div><headers_copy></headers_copy></div>
    <el-container class="common-layout" style="height: auto">
      <el-aside style="width: 250px;height: 1000px" class="aside">
        <div class="aside-header">
          <div>
            <div class="demo-type">
              <div style="padding-left: 5px; padding-top: 10px">
                <router-link
                  :to="{ name: 'user', query: { uid: uid } }"
                  style="color: #333333; text-decoration: none"
                >
                  <el-avatar
                    size="large"
                    class="username"
                    src="image"
                    align="center"
                    ><img :src="image"
                  /></el-avatar>
                </router-link>
                <el-divider content="username" content-position="left">{
  {
                  username
                }}</el-divider>
              </div>
            </div>
            <div style="padding-left: 10px; padding-bottom: 10px">
              <el-descriptions-item label="⽤户状态">{
  {
                state == 0 ? "学⽣" : "教师"
              }}</el-descriptions-item>
              <el-divider direction="vertical"></el-divider>
              <el-descriptions-item label="邮箱">{
  {
                mail
              }}</el-descriptions-item>
            </div>
          </div>
        </div>
        <div class="aside-main">
          <div class="aside-main-header">
            标签
            <i class="el-icon-edit"></i>
          </div>
          <div class="aside-main-main" style="padding-left: 5px;margin: auto">
            <el-tag :key="tag" v-for="tag in dynamicTags" content="tag">
              {
  { tag }}
            </el-tag>
          </div>
        </div>
        <div class="aside-main">
          <div class="aside-main-header">
            关键词
            <i class="el-icon-edit"></i>
          </div>

          <div class="aside-main-main" style="padding-left: 5px">
            <el-tag :key="tag" v-for="tag in keyName" content="tag"style="margin: auto">
              {
  { tag }}
            </el-tag>
          </div>
        </div>
        <div class="aside-main1">
          <div class="aside-main1-header">
            文章资源<i class="el-icon-folder-opened"></i>
          </div>

          <el-divider></el-divider>
          <div
            class="aside-main-main"
            style="padding-top: 5px; padding-left: 5px"
          >
            <div class="uploadd">
              <el-form :model="form">
                <el-form-item :label-width="formLabelWidth">
                  <el-upload
                    ref="uploadExcel"
                    action="http://47.107.40.143:8080//upload"
                    :limit="limitNum"
                    :disabled="fileUpload"
                    :data="{
                      aid: aid,
                      uid: uid,
                      sid: '-1',
                    }"
                    :on-change="fileChange"
                    :on-exceed="exceedFile"
                    :on-success="handleSuccess"
                    :on-error="handleError"
                    :file-list="fileList"
                  >
                    <el-button
                      size="small"
                      plain
                      class="el-icon-connection"
                      :disabled="istrue"
                      style="text-align: center"
                      >添加附件</el-button
                    >
                  </el-upload>
                  <el-button
                    size="small"
                    class="el-icon-connection"
                    @click="SearchResource()"
                    >查看附件</el-button
                  >
                </el-form-item>
              </el-form>
            </div>
          </div>
        </div>
        <div class="aside-footer">
          <div
            class="aside-footer-header"
            style="
              padding-left: 10px;
              padding-top: 5px;
              padding-bottom: 5px;
              border: 1p
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值