71 lines
3.8 KiB
HTML
71 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>发布帖子</title>
|
|
<link rel="stylesheet" href="./css/index.css" />
|
|
<script src="./js/vue.global.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container" id="appIndex">
|
|
<div class="title-box">
|
|
<textarea class="input" placeholder="输入标题（非必填）" :maxlength="titleLength" v-model="title" ref="titleTextarea" @input="adjustTextareaHeight"></textarea>
|
|
</div>
|
|
<div class="editor-box">
|
|
<div class="editor" ref="editorRef" id="editor" placeholder="输入正文" contenteditable="true" @input="onEditorInput"></div>
|
|
|
|
<div class="label flexflex" scroll-x>
|
|
<div class="item" v-for="index in 8" :key="index" @click="insertLabel">#推荐标签</div>
|
|
</div>
|
|
|
|
<div class="btn-list flexacenter">
|
|
<div class="item flexacenter" :class="{ 'pitch': isPTitle }" @click="paragraphTitle">
|
|
<img class="icon" src="https://app.gter.net/image/miniApp/offer/T-icon.png" />
|
|
<div class="text">段落标题</div>
|
|
</div>
|
|
<div class="item flexacenter" @click="insertImage">
|
|
<img class="icon" src="https://app.gter.net/image/miniApp/offer/img-icon.png" />
|
|
<div class="text">图片</div>
|
|
</div>
|
|
<div class="item flexacenter" bind:tap="openEmoji">
|
|
<img class="icon" src="https://app.gter.net/image/miniApp/offer/smiling-face-round-black.png" />
|
|
<div class="text">表情</div>
|
|
</div>
|
|
<div class="flex1"></div>
|
|
<div class="unfold flexcenter">
|
|
<!-- https://app.gter.net/image/miniApp/offer/fold-icon.png -->
|
|
<img class="icon" src="https://app.gter.net/image/miniApp/offer/unfold-icon.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="anonymity flexacenter" bind:tap="cutAnonymity">
|
|
<img v-if="info.anonymity == 1" class="icon-pitch" src="https://app.gter.net/image/miniApp/offer/tick-box.svg" />
|
|
<div v-else class="icon"></div>
|
|
<div class="text">匿名发布</div>
|
|
</div>
|
|
|
|
<!-- <cover-view class="new-footer-btn">
|
|
<cover-view view class="flexacenter save-draft-btn" bindtap="handleLastPublish" data-state="0">
|
|
<cover-view class="flexcenter save-draft-icon-box">
|
|
<cover-image class="save-draft-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/draft-icon.png"></cover-image>
|
|
</cover-view>
|
|
<cover-view>存草稿</cover-view>
|
|
</cover-view>
|
|
<cover-view class="new-footer-submit flex1 flexcenter" bindtap="authenticationSubmit">发布</cover-view>
|
|
</cover-view> -->
|
|
|
|
<!-- <view class="pop flexflex" wx:if="{{ emojiState }}" bind:tap="closeEmoji">
|
|
<scroll-view class="emoji-system-list" scroll-y="{{ true }}" show-scrollbar="{{ false }}" enhanced="{{ true }}" style="font-size: {{ isIos ? '60rpx' : '50rpx' }};">
|
|
<view class="item" wx:for="{{ optionEmoji }}" wx:key="index" catch:tap="selectEmoji" data-item="{{ item }}">{{ item }}</view>
|
|
<view class="fill"></view>
|
|
</scroll-view>
|
|
</view> -->
|
|
</div>
|
|
|
|
<script src="./js/fontSize.js"></script>
|
|
<script src="./js/index.js"></script>
|
|
</body>
|
|
</html>
|