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

固定底部

Browse Source
This commit is contained in:
lmj
2022-11-24 17:10:48 +08:00
parent 6e4a15cfb6
commit 93a880e6e8
2 changed files with 57 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
pages/plus/addArticle.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<!--添加文章--> <!--添加文章-->
<view class="" > <view class="" style="background-color: #fff;height: 100vh;" >
<u-toast ref="messager"></u-toast> <u-toast ref="messager"></u-toast>
<view> <view>
<!-- <page-title :showBack="true">发文章</page-title> --> <!-- <page-title :showBack="true">发文章</page-title> -->
@@ -29,6 +29,9 @@
<!-- <view v-if="hasKeyword" class="row"> <!-- <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> <u--input :height="25" maxlength="20" placeholder-style="font-size:30upx;color:#c1c1c1;font-weight: normal;" v-model="article.keyword" placeholder="关键字"></u--input>
</view> --> </view> -->
<view v-if="hasSummary" class="row"> <view v-if="hasSummary" class="row">
<u--textarea placeholder="摘要" maxlength="150" placeholder-style="font-size:30upx;color:#c1c1c1;font-weight: normal;" border="surround" v-model="article.summary" ></u--textarea> <u--textarea placeholder="摘要" maxlength="150" placeholder-style="font-size:30upx;color:#c1c1c1;font-weight: normal;" border="surround" v-model="article.summary" ></u--textarea>
</view> </view>
@@ -43,38 +46,42 @@
@ready="onEditorReady"> @ready="onEditorReady">
</editor> </editor>
</view> </view>
<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="!cover" style="margin-left: 28upx;"><u-icon @click="addcover()" 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 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>
</view>
</view>
</view>
<view style="padding-left: 0upx;display: flex;position: fixed;bottom: 130upx;">
<!-- <view class="addbtn" v-if="!hasKeyword"><u-icon name="plus" @click="addKeyword()" label="关键字"></u-icon> </view> -->
<view class="addbtn" v-if="!cover" style="margin-left: 28upx;"><u-icon @click="addcover()" 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 class="box-bottom">
<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>
</view> </view>
@@ -312,6 +319,16 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.content{
}
.box-bottom{
width: 100%;
height: 80upx;
position: fixed;
bottom: 0;
}
.title-left{ .title-left{
font-size: 32upx; font-size: 32upx;
color: #7F7F7F; color: #7F7F7F;
@@ -349,9 +366,7 @@
height: 35upx; height: 35upx;
} }
} }
.editor-content{
min-height: 600upx;
}
.feed-title{ .feed-title{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

10
pages/plus/addQuestion.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<!--添加文章--> <!--添加文章-->
<view style="background-color: #fff;"> <view style="background-color: #fff;height: 100vh;">
<u-toast ref="messager"></u-toast> <u-toast ref="messager"></u-toast>
<!-- <page-title :showBack="true">提问题</page-title> --> <!-- <page-title :showBack="true">提问题</page-title> -->
<view style="background-color: #fff;padding-top: 18rpx;"> <view style="background-color: #fff;padding-top: 18rpx;">
@@ -31,7 +31,7 @@
</view> </view>
</view> </view>
</view> </view>
<view> <view class="box-bottom">
<view style="display: flex;justify-content:space-around;"> <view style="display: flex;justify-content:space-around;">
<view class="Articleicon"> <view class="Articleicon">
@@ -235,6 +235,12 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.box-bottom{
width: 100%;
height: 120upx;
position: fixed;
bottom: 0;
}
::v-deep .content{ ::v-deep .content{
height: 750upx !important; height: 750upx !important;
} }