xbx #104

Merged
theluyuan merged 5 commits from xbx into master 2020-10-31 14:23:40 +08:00
20 changed files with 56 additions and 17 deletions

View File

@ -115,6 +115,7 @@
.more { .more {
color: #999999; color: #999999;
font-size: 11px; font-size: 11px;
cursor: pointer;
} }
} }
.info { .info {
@ -158,6 +159,7 @@
border: 1px solid #09ae99; border: 1px solid #09ae99;
line-height: 23px; line-height: 23px;
text-align: center; text-align: center;
cursor: pointer;
color: #09ae99; color: #09ae99;
border-radius: 3px; border-radius: 3px;
} }

View File

@ -41,6 +41,7 @@
border-radius: 17px; border-radius: 17px;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
cursor: pointer;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11); box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11);

View File

@ -74,6 +74,7 @@
border-radius: 3px; border-radius: 3px;
margin-right: 29px; margin-right: 29px;
color: #08AE98; color: #08AE98;
cursor: pointer;
font-size: 13px; font-size: 13px;
line-height: 29px; line-height: 29px;
font-weight: bold; font-weight: bold;

View File

@ -73,6 +73,7 @@
height: 50px; height: 50px;
padding: 0 18px; padding: 0 18px;
justify-content: space-between; justify-content: space-between;
cursor: pointer;
.route{ .route{
display: flex; display: flex;
.icon{ .icon{

View File

@ -23,7 +23,7 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="date">{{date}}</div> <div class="date">{{date}}</div>
<div class="reply" @click="reply(username)">{{lan.$t('huifu ')}}</div> <div class="reply" @click="reply(username)">{{lan.$t('huifu')}}</div>
</div> </div>
<div class="huifu" v-if="ifshow"> <div class="huifu" v-if="ifshow">
@ -122,6 +122,7 @@
</style> </style>
<script lang="ts"> <script lang="ts">
import { getcommentlist } from '@/api'; import { getcommentlist } from '@/api';
import { useI18n } from '@/utils/i18n';
import { defineComponent, onMounted, ref } from 'vue'; import { defineComponent, onMounted, ref } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import ReviewItemtwo from "./ReviewItemtwo.vue" import ReviewItemtwo from "./ReviewItemtwo.vue"
@ -154,6 +155,7 @@ export default defineComponent({
}, },
setup(prop,context){ setup(prop,context){
// console.log(1) // console.log(1)
const lan = useI18n()
const replylist =ref({}) const replylist =ref({})
const reviewlist=ref({}) const reviewlist=ref({})
const videoid=ref(useRoute().query.id) const videoid=ref(useRoute().query.id)
@ -203,7 +205,8 @@ export default defineComponent({
replylist, replylist,
reviewlist, reviewlist,
refresh, refresh,
ifshow ifshow,
lan
} }
} }
}) })

View File

@ -103,6 +103,7 @@
color: #fff; color: #fff;
line-height: 23px; line-height: 23px;
text-align: center; text-align: center;
cursor: pointer;
} }
.modify { .modify {
background-color: #08ae98; background-color: #08ae98;

View File

@ -45,6 +45,7 @@
flex-direction: column; flex-direction: column;
position: relative; position: relative;
box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11); box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11);
cursor: pointer;
.cover{ .cover{
width: 100%; width: 100%;
height: 127px; height: 127px;

View File

@ -76,11 +76,15 @@
width: 62px; width: 62px;
height: 22px; height: 22px;
margin-top: 30px; margin-top: 30px;
background-color: #07AD97; background-color: #ccc;
text-align: center; text-align: center;
line-height: 22px; line-height: 22px;
color: #fff; color: #fff;
cursor: pointer;
font-size: 9px; font-size: 9px;
&:hover{
background-color: #07AD97;
}
} }
} }

BIN
src/static/images/left.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 421 B

BIN
src/static/images/right.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 423 B

View File

@ -107,6 +107,9 @@ export default defineComponent({
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
width: 54px; width: 54px;
&:hover{
color: #08ae98;
}
} }
.on { .on {
color: #08ae98; color: #08ae98;

View File

@ -22,7 +22,7 @@
<div class="user-name" v-if="showname"> <div class="user-name" v-if="showname">
<div <div
class="update-btn" class="update-btn"
@click="updateUserName"
style="color: #fff; cursor: unset" style="color: #fff; cursor: unset"
> >
{{ lan.$t("xiugai") }} {{ lan.$t("xiugai") }}
@ -1035,6 +1035,7 @@ export default defineComponent({
width: 15px; width: 15px;
height: 15px; height: 15px;
margin-right: 6px; margin-right: 6px;
cursor: pointer;
} }
} }
} }
@ -1123,8 +1124,8 @@ export default defineComponent({
} }
.confirm-btn { .confirm-btn {
display: inline-block; display: inline-block;
background: #07ad97;
border-radius: 2px; border-radius: 2px;
background: #ccc;
font-size: 9px; font-size: 9px;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
@ -1137,7 +1138,7 @@ export default defineComponent({
} }
.confirm-btn:hover { .confirm-btn:hover {
background: #ccc; background: #07ad97;
} }
} }
.password-container { .password-container {
@ -1202,7 +1203,7 @@ export default defineComponent({
.submit-btn { .submit-btn {
width: 63px; width: 63px;
height: 23px; height: 23px;
background: #08ae98; background: #ccc;
border-radius: 3px; border-radius: 3px;
font-size: 10px; font-size: 10px;
font-weight: 500; font-weight: 500;
@ -1213,7 +1214,7 @@ export default defineComponent({
user-select: none; user-select: none;
} }
.submit-btn:hover { .submit-btn:hover {
background: #ccc; background: #08ae98;
} }
} }
::v-deep(.ant-upload-list) { ::v-deep(.ant-upload-list) {

View File

@ -211,7 +211,8 @@ export default defineComponent({
sub, sub,
accountlist, accountlist,
store, store,
lan lan,
navto
}; };
}, },
}); });

View File

@ -396,11 +396,14 @@ export default defineComponent({
padding: 0; padding: 0;
width: 63px; width: 63px;
height: 23px; height: 23px;
background: #08ae98; background: #ccc;
border-radius: 3px; border-radius: 3px;
font-size: 10px; font-size: 10px;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
&:hover{
background: #08ae98;
}
} }
} }
.video-cover { .video-cover {

View File

@ -597,11 +597,14 @@ export default defineComponent({
padding: 0; padding: 0;
width: 63px; width: 63px;
height: 23px; height: 23px;
background: #08ae98; background: #ccc;
border-radius: 3px; border-radius: 3px;
font-size: 10px; font-size: 10px;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
&:hover{
background: #08ae98;
}
} }
} }
.item-cover { .item-cover {

View File

@ -188,7 +188,7 @@
<td>{{i.typename}}</td> <td>{{i.typename}}</td>
<td class="moneyadd moneyreverse" v-if="i.type==2">-{{i.money}}</td> <td class="moneyadd moneyreverse" v-if="i.type==2">-{{i.money}}</td>
<td class="moneyadd " v-else>+{{i.money}}</td> <td class="moneyadd " v-else>+{{i.money}}</td>
<td @click="navto(4,i.accountid)">查看详情</td> <td style="cursor: pointer;" @click="navto(4,i.accountid)">查看详情</td>
</tr> </tr>
</tbody> </tbody>
@ -347,6 +347,9 @@ export default defineComponent({
text-align: center; text-align: center;
width: 40px; width: 40px;
font-size:11px; font-size:11px;
&:hover{
color: #08ae98;
}
} }
.on { .on {
color: #08ae98; color: #08ae98;
@ -397,6 +400,7 @@ export default defineComponent({
border-radius: 3px; border-radius: 3px;
margin-top: 35px; margin-top: 35px;
margin-right: 12px; margin-right: 12px;
cursor: pointer;
} }
.topbtn1 { .topbtn1 {
color: #d22c2e; color: #d22c2e;
@ -452,7 +456,7 @@ export default defineComponent({
.add { .add {
width: 371px; width: 371px;
height: 228px; height: 228px;
cursor: pointer;
background: #ffffff; background: #ffffff;
border-radius: 17px; border-radius: 17px;
color: #08ae98; color: #08ae98;
@ -515,6 +519,7 @@ export default defineComponent({
text-align: center; text-align: center;
line-height: 23px; line-height: 23px;
margin-right: 11px; margin-right: 11px;
cursor: pointer;
} }
.btn1 { .btn1 {
width: 46px; width: 46px;
@ -525,6 +530,7 @@ export default defineComponent({
text-align: center; text-align: center;
line-height: 23px; line-height: 23px;
color: #d12c2e; color: #d12c2e;
cursor: pointer;
} }
} }
.zhanghao { .zhanghao {

View File

@ -97,6 +97,9 @@
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
width: 54px; width: 54px;
&:hover{
color: #08ae98;
}
} }
.on { .on {
color: #08ae98; color: #08ae98;

View File

@ -119,6 +119,9 @@
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
width: 54px; width: 54px;
&:hover{
color: #08ae98;
}
} }
.on { .on {
color: #08ae98; color: #08ae98;

View File

@ -2,7 +2,7 @@
<div class="date"> <div class="date">
<div class="head"> <div class="head">
<div @click="shang"> <div @click="shang">
<img src="" alt=""> <img src="../../static/images/left.png" alt="">
上一月 上一月
</div> </div>
{{month.year}}{{month.yue}} {{month.year}}{{month.yue}}
@ -11,7 +11,7 @@
</a-button> </a-button>
<div @click="xia"> <div @click="xia">
下一月 下一月
<img src="" alt=""> <img src="../../static/images/right.png" alt="">
</div> </div>
</div> </div>
<div class="yue"> <div class="yue">
@ -61,6 +61,7 @@
align-items: center; align-items: center;
font-size: 13px; font-size: 13px;
color: #0DBBA4; color: #0DBBA4;
cursor: pointer;
>img{ >img{
width: 7px; width: 7px;
height: 11px; height: 11px;

View File

@ -2,14 +2,14 @@
<div class="week"> <div class="week">
<div class="head"> <div class="head">
<div @click="zhou--"> <div @click="zhou--">
<img src="" alt="" /> <img src="../../static/images/left.png" alt="" />
上一周 上一周
</div> </div>
{{week.year}}{{week.yue}} {{week.year}}{{week.yue}}
<a-button type="primary" class="button" @click="navto()"> 月日历 </a-button> <a-button type="primary" class="button" @click="navto()"> 月日历 </a-button>
<div @click="zhou++"> <div @click="zhou++">
下一周 下一周
<img src="" alt="" /> <img src="../../static/images/right.png" alt="" />
</div> </div>
</div> </div>
<div class="week"> <div class="week">
@ -83,6 +83,7 @@
> div { > div {
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer;
font-size: 13px; font-size: 13px;
color: #0dbba4; color: #0dbba4;
> img { > img {