|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="container">
|
|
|
+ <div class="containers">
|
|
|
<div class="top">
|
|
|
<el-upload :action="uploadUrl" :show-file-list="false" :before-upload="beforeAvatarUpload2">
|
|
|
<img class="top" :src="userInfo.bg || require('../../assets/img/bg-moren@3x.png')" alt="" />
|
|
|
@@ -51,17 +51,26 @@
|
|
|
已售 <span>{{ item.sales }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-button
|
|
|
+ <div
|
|
|
class="btnFollow"
|
|
|
style="color: #939599"
|
|
|
- plain
|
|
|
- round
|
|
|
- :class="{ prim: !item.follow }"
|
|
|
- size="mini"
|
|
|
@click.prevent="like(item)"
|
|
|
+ :class="{ prim: !item.follow }"
|
|
|
>
|
|
|
{{ item.follow ? '已关注' : '关注' }}
|
|
|
- </el-button>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="btnFollow">
|
|
|
+ <el-button
|
|
|
+ style="color: #939599"
|
|
|
+ plain
|
|
|
+ round
|
|
|
+ :class="{ prim: !item.follow }"
|
|
|
+ size="mini"
|
|
|
+ @click.prevent="like(item)"
|
|
|
+ >
|
|
|
+ {{ item.follow ? '已关注' : '关注' }}
|
|
|
+ </el-button>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="imgBox" v-if="item.bg">
|
|
|
@@ -371,21 +380,21 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="less">
|
|
|
-// .myClass {
|
|
|
-// .el-button {
|
|
|
-// background: linear-gradient(133deg, @prim 0%, @warn 100%);
|
|
|
-// border-radius: 4px;
|
|
|
-// border: 0;
|
|
|
-// }
|
|
|
-// .el-button:nth-last-child(2) {
|
|
|
-// background: #c4c7cc;
|
|
|
-// color: #ffffff;
|
|
|
-// font-size: 13px;
|
|
|
-// }
|
|
|
-// }
|
|
|
+.myClass {
|
|
|
+ .el-button {
|
|
|
+ background: linear-gradient(133deg, @prim 0%, @warn 100%);
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+ .el-button:nth-last-child(2) {
|
|
|
+ background: #c4c7cc;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 13px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="less" scoped>
|
|
|
-.container {
|
|
|
+.containers {
|
|
|
.border2 {
|
|
|
height: 1px;
|
|
|
background: #494a4d;
|
|
|
@@ -524,20 +533,24 @@ export default {
|
|
|
}
|
|
|
.btnFollow {
|
|
|
// background-color: transparent;
|
|
|
- background: red;
|
|
|
- min-width: 76px;
|
|
|
- height: 28px;
|
|
|
- position: absolute;
|
|
|
- z-index: 999;
|
|
|
- &.prim {
|
|
|
- .line(@radius:28px);
|
|
|
- text-align: center;
|
|
|
- /deep/span {
|
|
|
- color: @prim;
|
|
|
- position: relative;
|
|
|
- z-index: 1;
|
|
|
- }
|
|
|
- }
|
|
|
+ border-radius: 16px;
|
|
|
+ width: 76px;
|
|
|
+ height: 26px;
|
|
|
+ border: 1px solid #939599;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 26px;
|
|
|
+ font-size: 13px;
|
|
|
+ // &.prim {
|
|
|
+ // .line(@radius: 28px);
|
|
|
+ // border: 0;
|
|
|
+ // text-align: center;
|
|
|
+
|
|
|
+ // /deep/span {
|
|
|
+ // color: @prim;
|
|
|
+ // position: relative;
|
|
|
+ // z-index: 111;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
}
|
