hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-09 19:06:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交修改

Browse Source
This commit is contained in:
daihh
2022-05-30 23:03:25 +08:00
parent faa7afb65f
commit ab382aca7b
18 changed files with 539 additions and 401 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
pages/my/headimg.vue
View File

@@ -1,11 +1,14 @@
<template>
<view>
<page-title :showBack="true">更换头像</page-title>
<view style="text-align: center;padding: 20upx;color: #6b6b6b; ">点击选择图片</view>
<view style="margin-top: 50upx;text-align: center;width: 360upx;height: 360upx;margin: 0upx auto;background-color: #FFFFFF;">
<cropper selWidth="660rpx" selHeight="660rpx" @upload="uploadImg" :avatarSrc="imgurl" avatarStyle="width:50vw;height:50vw;">
<view style="text-align: center;padding: 20upx;color: #6b6b6b; ">点击选择修改头像图片</view>
<view style="margin-top: 50upx;text-align: center;width: 360upx;height: 360upx;margin: 0upx auto;background-color: #FFFFFF;position: relative;">
<cropper selWidth="660rpx" selHeight="660rpx" @upload="uploadImg" :avatarSrc="imgurl" avatarStyle="width:50vw;height:50vw;">
</cropper>
</view>
<!-- <view style="padding: 10px;color: #e20000;" v-if="!loading && imgurl==''">
您还没有设置头像，请上传头像图片
</view> -->
<view v-if="isNew">
<view style="margin-top: 100upx;"><button style="width: 50%;" @click="submitUpdate" type="primary">提交修改</button> </view>
</view>
@@ -23,6 +26,7 @@
computed: mapGetters(['userInfo']),
data() {
return {
loading:true,
isNew:false,
imgurl:"",
filePath:"",
@@ -31,12 +35,10 @@
},
onShow() {
this.$store.dispatch('GetUserInfo').then(rs=>{
//this.userInfoObj=rs;
this.imgurl = rs.avatar;
this.aid = rs.aid;
this.loading=false;
})
// this.imgurl = this.userInfo.avatar;
// this.aid = this.userInfo.aid;
},
methods: {
//上传返回图片

10
pages/my/myAnswers.vue
View File

@@ -7,7 +7,7 @@
<view class="top-filter">
<view class="top-content">
<view class="top-content-options">
<view>
<view style="margin-right: 20upx;">
<text class="textbtn" @click="statusSelectShow = !statusSelectShow">状态</text>
</view>
<view class="center">
@@ -314,7 +314,9 @@ export default {
}
}
.sea-show{
padding: 20rpx;
// padding: 20rpx;
// padding-bottom: 10upx;
padding: 20upx 30upx 2upx 30upx;
.sea-active{
border: 1rpx solid #679cfc !important;
color: #679cfc;
@@ -342,7 +344,7 @@ export default {
align-items: center;
.center{
flex: 1;
margin: 0upx 0upx 0upx 12upx;
// margin: 0upx 0upx 0upx 12upx;
}
}
}
@@ -396,7 +398,7 @@ export default {
.textbtn {
background-color: #ffffff;
padding: 9px 10px;
padding: 18upx 20upx;
color: #666;
border-radius: 8upx;
font-size: 28upx;

37
pages/my/myArticles.vue
View File

@@ -6,7 +6,7 @@
<view class="top-filter">
<view class="top-content">
<view class="top-content-options">
<view style="width: 100upx;">
<view style="margin-right: 20upx;">
<!-- <u-picker :show="statusSelectShow" @cancel="statusSelectShow = false" @confirm="chooseStatus" :columns="selectData" keyName="label"></u-picker> -->
<!-- <text class="textbtn" style="color:#666" @click="statusSelectShow = true">{{ statusBtn }}</text> -->
<text class="textbtn" style="color:#666;font-size: 28upx;" @click="statusSelectShow = !statusSelectShow">状态</text>
@@ -38,7 +38,7 @@
<view v-show="statusSelectShow" class="sea-show">
<text :class="[articleList.status == status.value? 'sea-active':'','sea-index']" v-for="(status,index) in selectData" :key="index" @click="chooseStatus(status)">{{status.label}}</text>
</view>
<view style="margin-top: 5upx;">
<view style="padding-top: 14upx;">
<!-- 文章内容 下面需要把样式提到class中-->
<view class="article_one" v-for="(item, index) of articleList.list" :key="item.id">
<view >
@@ -139,8 +139,9 @@ export default {
{ label: '草稿', value: 1 },
{ label: '待审核', value: 2 },
{ label: '未通过', value: 3 },
{ label: '已通过', value: 5 },
{ label: '已发布', value: 9 }
// { label: '已通过', value: 5 },
{ label: '已下架', value: 8 },
{ label: '已发布', value: 9 },
]
// ]
};
@@ -265,7 +266,7 @@ export default {
1:'<span style="color:#999">[草稿]<span>',
2:'<span style="color:#3E7FFF">[待审核]<span>',
3:'<span style="color:#FF3E3E">[未通过]<span>',
5:'<span style="color:#2AB28B">[已通过]<span>',
8:'<span style="color:#2AB28B">[已下架]<span>',
9:'<span style="color:#3E7FFF">[已发布]<span>'
}
return obj[status]
@@ -344,22 +345,23 @@ export default {
.top-content {
// padding: 5px 5px;
.top-content-options {
height: 40px;
// height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 40px;
padding:20upx 30upx 10upx 30upx ;
.textbtn {
background-color: #ffffff;
color: #4f4f4f;
border-radius: 8upx;
font-size: 24upx;
}
padding:20upx 30upx 0 30upx ;
// .textbtn {
// background-color: #ffffff;
// color: #4f4f4f;
// border-radius: 8upx;
// font-size: 24upx;
// }
.input-search {
flex: 1;
// padding: 28upx 20upx;
margin: 0upx 20upx 0upx 12upx;
margin: 0upx 20upx 0upx 0;
.u-input {
background: #ffffff;
}
@@ -376,7 +378,7 @@ export default {
.textbtn {
background-color: #ffffff;
padding: 9px 10px;
padding: 18upx 20upx;
color: #4f4f4f;
border-radius: 8upx;
font-size: 24upx;
@@ -393,8 +395,11 @@ export default {
}
.uni-list {
.sea-show{
padding: 20rpx;
padding: 10rpx 30upx 0 30upx;
// padding-top: 10upx;
line-height: 60upx;
.sea-active{
border: 1rpx solid #679cfc !important;
color: #679cfc;

17
pages/my/myFavorites.vue
View File

@@ -43,9 +43,9 @@
<course-image :course="item" width="262upx" height="147upx"></course-image>
</view>
<view class="course-title">
<view style="height: 70upx;">
<span class="common" :class="contentTypeFilter(item.contentType).class">{{ contentTypeFilter(item.contentType).text }}</span>
<span style="font-weight: bold; font-size: 32rpx;" v-html="$keywordActiveShow(item.title, query.keyword)"></span>
<view class="course-name">
<text class="common" :class="contentTypeFilter(item.contentType).class">{{ contentTypeFilter(item.contentType).text }}</text>
<text style="font-weight: bold; font-size: 32rpx;" v-html="$keywordActiveShow(item.title, query.keyword)"></text>
</view>
<view class="course-content">
<view class="course-text">讲师：{{ item.authorName }}</view>
@@ -598,6 +598,17 @@ export default {
height: 147upx;
margin-left: 10rpx;
padding-bottom: 10upx;
.course-name{
// height: 70upx;
display: -webkit-box;
// white-space:pre-wrap;
word-wrap: break-word;
word-break:break-all;
overflow: hidden;
text-overflow:ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
.course-content {
display: flex;

12
pages/my/myQuestions.vue
View File

@@ -6,7 +6,7 @@
<view class="top-filter">
<view class="top-content">
<view class="top-content-options">
<view style="width: 100upx;">
<view style="margin-right: 20upx;">
<!-- <u-picker
:defaultIndex="[0]"
:show="statusSelectShow"
@@ -15,7 +15,7 @@
:columns="statusArray"
keyName="name"
></u-picker> -->
<text class="textbtn" style="font-size: 26upx;" @click="statusSelectShow = !statusSelectShow">状态</text>
<text class="textbtn" style="font-size: 28upx;" @click="statusSelectShow = !statusSelectShow">状态</text>
</view>
<view class="center" >
<!-- @search这个方法根本没有执行,没有触发条件,在搜索框回车时只是调用了onload里面的请求 -->
@@ -301,7 +301,9 @@ export default {
line-height: 48upx;
}
.sea-show{
padding: 20rpx;
// padding: 28rpx;
padding: 28upx 30upx;
padding-top: 0;
.sea-active{
border: 1rpx solid #679cfc !important;
color: #679cfc;
@@ -368,7 +370,7 @@ export default {
}
.center{
flex:1;
margin: 0upx 20upx 0upx 12upx;
margin: 0upx 20upx 0upx 0upx;
.u-input {
background: #ffffff;
}
@@ -454,7 +456,7 @@ export default {
.textbtn {
background-color: #ffffff;
padding: 9px 10px;
padding: 18upx 20upx;
color: #666;
border-radius: 8upx;
font-size: 28upx;

19
pages/my/myShares.vue
View File

@@ -10,7 +10,7 @@
</view>
<view class="top-content-options">
<!-- 是否已查看 -->
<view style="margin-right: 15rpx;">
<view style="margin-right: 20upx;">
<!-- <u-picker :show="statusSelectShow" @cancel="statusSelectShow = false" @confirm="chooseStatus" :columns="selectData" keyName="label"></u-picker> -->
<text class="textbtn" @click="statusSelectShow = !statusSelectShow">状态</text>
</view>
@@ -513,6 +513,7 @@ export default {
.sea-show{
padding: 20rpx;
padding-left: 28upx;
padding-bottom: 10upx;
.sea-active{
border: 1rpx solid #679cfc !important;
color: #679cfc;
@@ -562,20 +563,21 @@ export default {
}
.textbtn {
background-color: #ffffff;
padding: 8px 10px;
padding: 18upx 20upx;
color: #4f4f4f;
border-radius: 8upx;
font-size: 28upx;
}
.top-content-options{
height: 40px;
height: 34px;
display: flex;
align-items: center;
line-height: 40px;
padding: 28upx 0upx 0upx 28upx;
line-height: 34px;
padding: 20upx 0upx 0upx 28upx;
.input-search {
height: 34px;
padding-right: 10px;
flex: 1;
@@ -642,7 +644,7 @@ export default {
// background: linear-gradient(to bottom, #6BA0FC, #6297FD);
display: flex;
justify-content: space-between;
line-height: 50px;
line-height: 60px;
color: #373737;
.top-bar-center {
display: flex;
@@ -655,6 +657,7 @@ export default {
border-bottom: 2px solid #588afc;
// color: #5282eb;
font-size: 35upx;
font-weight: bold;
}
}
@@ -674,7 +677,7 @@ export default {
}
.input-search{
height: 34px;
.u-input{
background: #ffffff;
}
@@ -690,7 +693,7 @@ export default {
}
.course_box {
// margin-bottom: 10px;
margin-top: 19rpx;
margin-top: 14upx;
background-color: #ffffff;
padding: 19upx 40upx;

18
pages/my/toMeComments.vue
View File

@@ -20,7 +20,7 @@
<view class="sea-show" v-show="statusSelecShow">
<text v-for="(item,index) in typeArray" :key="index" :class="[item.value == query.type ?'sea-active':'','sea-index' ]" @click="Application(item.value)">{{item.name}}</text>
</view>
<view class="data" v-for="(item,index) in data" :key="index" >
<view class="data" style="margin-top: 20upx;" v-for="(item,index) in data" :key="index" >
<view class="data-item">
<view class="data-item-text" @click="toArticleDetail(item)">
<!-- <text> {{filterObjType(item.objType)}} </text> -->
@@ -289,6 +289,7 @@
}
.sea-show {
padding: 20upx 30upx;
padding-bottom: 0;
.sea-active {
border: 1rpx solid #679cfc !important;
@@ -305,20 +306,17 @@
}
}
.input-search{
padding:28upx 20upx;
padding:28upx 30upx 0 30upx;
display: flex;
.u-input{
background: #ffffff;
}
.top-ten {
width: 120upx;
height: 62upx;
// margin-top: 26upx;
// margin-left: 24upx;
background-color: #fff;
text-align: center;
line-height: 62upx;
background-color: #ffffff;
padding: 14upx 20upx;
color: #666;
border-radius: 8upx;
font-size: 28upx;
}
// /deep/.u-icon{
// span{
@@ -405,7 +403,7 @@
.data {
margin-bottom: 15rpx;
padding: 20upx 20upx;
padding: 20upx 30upx;
background-color: #fff;
.data-item {
padding-bottom: 30rpx;

15
pages/my/toMeShares.vue
View File

@@ -524,6 +524,7 @@ export default {
}
.sea-show{
padding: 20rpx 30upx;
padding-bottom: 0;
.sea-active{
border: 1rpx solid #679cfc !important;
color: #679cfc;
@@ -559,21 +560,15 @@ export default {
/deep/ .input-search {
margin-top: 4upx;
// padding-right: 10px;
flex: 1;
// margin-right: 50rpx;
// padding: 28upx 20upx;
.u-search {
height: 34px;
background: #ffffff;
border-radius: 8upx;
.u-search__content{
// border-width:0 !important;
}
}
// /deep/.u-icon {
// span {
// font-size: 50upx;
// color: #588afc;
// }
// }
}
}