| | |
| | | </div>
|
| | | <div class="text-area">
|
| | | <div class="text-line">
|
| | | <span class="icon iconfont">{{ "\ue6b1" }}</span>
|
| | | <span class="icon iconfont" ></span>
|
| | | <span class="title">版本:</span>
|
| | | <span class="desc">{{ productDetail.productVersion }}</span>
|
| | | </div>
|
| | | <div class="text-line">
|
| | | <span class="icon iconfont">{{ "\ue6b1" }}</span>
|
| | | <span class="icon iconfont"></span>
|
| | | <span class="title">概述:</span>
|
| | | <span class="desc">{{ productDetail.description || "暂无" }}</span>
|
| | | </div>
|
| | | <div class="text-line">
|
| | | <span class="icon iconfont">{{ "\ue6b1" }}</span>
|
| | | <span class="icon iconfont"></span>
|
| | | <span class="title">详述:</span>
|
| | | <span class="desc">{{ productDetail.summary || "暂无" }}</span>
|
| | | </div>
|
| | |
| | | class="rec-item"
|
| | | v-for="(item, index) in otherProducts"
|
| | | :key="index"
|
| | | @click="checkInWindow(item)"
|
| | | >
|
| | | <div class="icon-img">
|
| | | <img
|
| | |
| | | <el-button
|
| | | size="small"
|
| | | type="primary"
|
| | | |
| | | round
|
| | | @click="checkInWindow(item)"
|
| | | >查看</el-button
|
| | |
| | | height: 25px;
|
| | | .icon {
|
| | | font-size: 14px;
|
| | | margin-right: 2px;
|
| | | margin-right: 4px;
|
| | |
|
| | | }
|
| | | .title {
|
| | | font-size: 12px;
|
| | |
| | | }
|
| | | .rec-items {
|
| | | .rec-item {
|
| | | cursor: pointer;
|
| | | float: left;
|
| | | display: flex;
|
| | | margin: 0 15px;
|
| | |
| | | padding: 5px 0;
|
| | | .el-button {
|
| | | padding: 3px 12px;
|
| | | background-color: #1dd4ec !important;
|
| | | border-color: #1dd4ec !important;
|
| | | border-radius: 22px;
|
| | | background-color: #f2f2f7 !important;
|
| | | border-color: #f2f2f7 !important;
|
| | | color: #4f4f4f;
|
| | | font-size: 12px;
|
| | | font-weight: bold;
|
| | | }
|
| | | .el-button--primary:hover {
|
| | | background: #089fb3 !important;
|
| | | border-color: #089fb3 !important;
|
| | | }
|
| | | // .el-button--primary:hover {
|
| | | // background: #089fb3 !important;
|
| | | // border-color: #089fb3 !important;
|
| | | // }
|
| | | }
|
| | | }
|
| | | }
|