mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-07 01:46:44 +08:00
提意见
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<!--添加文章-->
|
||||
<view class="">
|
||||
<view class="" >
|
||||
<u-toast ref="messager"></u-toast>
|
||||
<view>
|
||||
<!-- <page-title :showBack="true">发文章</page-title> -->
|
||||
@@ -21,11 +21,11 @@
|
||||
<view class="row">
|
||||
<u--input placeholder="请输入标题" maxlength="50" placeholder-style="font-size:30upx;color:#c1c1c1;font-weight: normal;" border="surround" v-model="article.title" ></u--input>
|
||||
</view>
|
||||
<view class="row row-upload">
|
||||
<!-- <view class="row row-upload">
|
||||
<text class="upload-text">设置封面</text>
|
||||
<u-upload uploadIcon="plus" :fileList="fileList" @afterRead="afterRead" @delete="deletePic" name="coverImg" :maxCount="1">
|
||||
</u-upload>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- <view v-if="hasKeyword" class="row">
|
||||
<u--input :height="25" maxlength="20" placeholder-style="font-size:30upx;color:#c1c1c1;font-weight: normal;" v-model="article.keyword" placeholder="关键字"></u--input>
|
||||
</view> -->
|
||||
@@ -43,43 +43,34 @@
|
||||
@ready="onEditorReady">
|
||||
</editor>
|
||||
</view>
|
||||
<view style="padding-left: 30upx;display: flex;">
|
||||
<view style="padding-left: 0upx;display: flex;">
|
||||
<!-- <view class="addbtn" v-if="!hasKeyword"><u-icon name="plus" @click="addKeyword()" label="关键字"></u-icon> </view> -->
|
||||
<view class="addbtn" v-if="!hasSummary" style="margin-left: 20px;"><u-icon @click="addSummary()" name="plus" label="摘要"></u-icon> </view>
|
||||
<view class="addbtn" v-if="!hasSummary" style="margin-left: 28upx;"><u-icon @click="addSummary()" name="plus" label="封面"></u-icon> </view>
|
||||
<view class="addbtn" v-if="!hasSummary" style="margin-left: 28upx;"><u-icon @click="addSummary()" name="plus" label="摘要"></u-icon> </view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view style="display: flex;justify-content:space-around;">
|
||||
<!-- <view><text class="editor-btn" @tap="format('color','hex color')">颜色</text></view>
|
||||
<view><text class="editor-btn" @tap="format('bold','')">加粗</text></view> -->
|
||||
<!-- <view class="Articleicon">
|
||||
<text class="editor-btn" @tap="insertLabel()">
|
||||
<image src="../../static/images/article/label.png" mode=""></image>
|
||||
</text>
|
||||
</view> -->
|
||||
|
||||
<view class="Articleicon">
|
||||
<text class="editor-btn" @tap="insertImage()">
|
||||
<image src="../../static/images/article/image.png" mode=""></image>
|
||||
</text>
|
||||
</view>
|
||||
<!-- <view class="Articleicon">
|
||||
<text class="editor-btn" @tap="insertDate()">
|
||||
<image src="../../static/images/article/time.png" mode=""></image>
|
||||
</text>
|
||||
</view> -->
|
||||
|
||||
<view class="Articleicon">
|
||||
<text class="editor-btn" @tap="undo()">
|
||||
<image src="../../static/images/article/quash.png" mode=""></image>
|
||||
<image src="../../static/images/icon/artleft.png" mode=""></image>
|
||||
</text>
|
||||
</view>
|
||||
<view class="Articleicon">
|
||||
<text class="editor-btn" @tap="redo()">
|
||||
<image src="../../static/images/article/redo.png" mode=""></image>
|
||||
<image src="../../static/images/icon/artright.png" mode=""></image>
|
||||
</text>
|
||||
</view>
|
||||
<view class="Articleicon">
|
||||
<text class="editor-btn" @tap="clear()">
|
||||
<image src="../../static/images/article/empty.png" mode=""></image>
|
||||
<image src="../../static/images/icon/del.png" mode=""></image>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -311,16 +302,16 @@
|
||||
}
|
||||
.title-right{
|
||||
color: #588AFC;
|
||||
font-size: 30rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.addbtn{
|
||||
padding: 10upx 20upx;
|
||||
background-color: #e8e8e8;
|
||||
color: #595959;
|
||||
border-radius: 20upx;
|
||||
color: #333;
|
||||
font-size: 28upx;
|
||||
border-radius: 14upx;
|
||||
}
|
||||
.Articleicon{
|
||||
background-color: #fff;
|
||||
@@ -336,7 +327,7 @@
|
||||
}
|
||||
}
|
||||
.editor-content{
|
||||
min-height: 400upx;
|
||||
min-height: 750upx;
|
||||
}
|
||||
.feed-title{
|
||||
display: flex;
|
||||
@@ -357,7 +348,6 @@
|
||||
color: #588AFC;
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -12,17 +12,43 @@
|
||||
<view class="content">
|
||||
<view class="big-box-content">
|
||||
<view class="row row-lin">
|
||||
<u--input placeholder="请输入标题" placeholder-style="font-size:42upx;color:#c1c1c1;font-weight: normal;" maxlength="30" class="row-input" border="surround" v-model="qa.title" @change="change"></u--input>
|
||||
<u--input placeholder="请输入标题" placeholder-style="font-size:36upx;color:#c1c1c1;font-weight: normal;" maxlength="30" class="row-input" border="surround" v-model="qa.title" @change="change"></u--input>
|
||||
</view>
|
||||
<view class="row ">
|
||||
<u--textarea class="row-input row-text" placeholder-style="font-size:42upx;color:#c1c1c1;font-weight: normal;" :height="300" count maxlength="500" v-model="qa.content" placeholder="请输入正文"></u--textarea>
|
||||
</view>
|
||||
<view class="row">
|
||||
<!-- <view class="row">
|
||||
<u-upload uploadIcon="plus" :fileList="fileList" multiple @afterRead="afterRead" @delete="deletePic" name="coverImg" :maxCount="1">
|
||||
</u-upload>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view style="display: flex;justify-content:space-around;">
|
||||
|
||||
<view class="Articleicon">
|
||||
<text class="editor-btn" @tap="insertImage()">
|
||||
<image src="../../static/images/article/image.png" mode=""></image>
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view class="Articleicon">
|
||||
<text class="editor-btn" @tap="undo()">
|
||||
<image src="../../static/images/icon/artleft.png" mode=""></image>
|
||||
</text>
|
||||
</view>
|
||||
<view class="Articleicon">
|
||||
<text class="editor-btn" @tap="redo()">
|
||||
<image src="../../static/images/icon/artright.png" mode=""></image>
|
||||
</text>
|
||||
</view>
|
||||
<view class="Articleicon">
|
||||
<text class="editor-btn" @tap="clear()">
|
||||
<image src="../../static/images/icon/del.png" mode=""></image>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view style="margin-top: 20px;">
|
||||
<view>
|
||||
@@ -114,6 +140,20 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.editor-btn{
|
||||
padding: 0upx 12upx;
|
||||
color: #656565;
|
||||
border-radius: 6upx;
|
||||
image{
|
||||
width: 35upx;
|
||||
height: 35upx;
|
||||
}
|
||||
}
|
||||
.Articleicon{
|
||||
height: 120upx;
|
||||
line-height: 120upx;
|
||||
background-color: #fff;
|
||||
}
|
||||
.sub-box{
|
||||
padding: 20rpx;
|
||||
|
||||
|
||||
@@ -13,8 +13,9 @@
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="" style="display: flex;margin-bottom: 10upx;">
|
||||
<u-button class="content-text" text="关于内容" @click="isClick('课程问题')" :class="{'active':info.type=='课程问题'}" style="margin-right: 10upx;"></u-button>
|
||||
<u-button class="content-text" text="关于平台操作" @click="isClick('系统问题')" :class="{'active':info.type=='系统问题'}" style="margin-left: 10upx;"></u-button>
|
||||
<u-button class="content-text" text="内容相关" @click="isClick('课程问题')" :class="{'active':info.type=='课程问题'}" style="margin-right: 10upx;"></u-button>
|
||||
<u-button class="content-text" text="平台使用" @click="isClick('系统问题')" :class="{'active':info.type=='系统问题'}" style="margin-left: 10upx;"></u-button>
|
||||
<u-button class="content-text" text="其他" @click="isClick('系统问题')" :class="{'active':info.type=='系统问题'}" style="margin-left: 10upx;"></u-button>
|
||||
</view>
|
||||
<u--textarea :height="300" v-model="info.content" placeholder="请尽量详细描述您的问题,管理员将会及时对您的问题进行反馈,您可以在消息中查看管理员的反馈。"></u--textarea>
|
||||
</view>
|
||||
@@ -111,16 +112,27 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.u-textarea{
|
||||
margin: 50upx 10upx;
|
||||
height: 748upx;
|
||||
border-radius: 12upx;
|
||||
border: 1px solid rgba(151,151,151,0.18);
|
||||
}
|
||||
.u-img{
|
||||
vertical-align: middle;
|
||||
margin-right: 10upx;
|
||||
}
|
||||
.active{
|
||||
background-color: #87adff !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content-text{
|
||||
background-color: #eee;
|
||||
border: none;
|
||||
font-size: 36upx;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
}
|
||||
.active{
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
font-size: 36upx;
|
||||
}
|
||||
.sub-box{
|
||||
// padding: 20rpx;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="content" :class="{'active':active}">
|
||||
<view style="padding: 60rpx 60rpx 0 30rpx;color: #8a8a8a;overflow: auto;">
|
||||
<view style="text-align: center;font-size: 50upx;padding-bottom:50rpx ;">京东方大学堂内容发布须知</view>
|
||||
<view class="content" :class="{'active':active}" style="height: 100vh;">
|
||||
<view style="padding: 140rpx 32rpx 0 26rpx;color: #8a8a8a;overflow: auto;">
|
||||
<view style="text-align: center;font-size: 44upx;padding-bottom:50rpx; color: #666;">京东方大学堂内容发布须知</view>
|
||||
<view>
|
||||
<!-- <u-parse :content="context"></u-parse> -->
|
||||
<view style="line-height: 50upx;white-space:pre-line;margin-bottom: 20upx;" v-for="(item,index) in context" :key="index">{{item}}</view>
|
||||
@@ -102,9 +102,6 @@
|
||||
<style lang="scss" scoped>
|
||||
.content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
width: 100%;
|
||||
/* #ifdef H5 */
|
||||
// height: calc(100vh - var(--window-bottom) - var(--window-top));
|
||||
@@ -115,7 +112,6 @@
|
||||
transition: opacity 0.3s;
|
||||
background: #ffffff;
|
||||
opacity: 0;
|
||||
|
||||
&.active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
BIN
static/images/icon/artleft.png
Normal file
BIN
static/images/icon/artleft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
static/images/icon/artright.png
Normal file
BIN
static/images/icon/artright.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Reference in New Issue
Block a user