Skip to content

S
safe-campus-bbs
Commit f153f60a authored by yuwenwen's avatar yuwenwen
Browse files
Options

替换表情包

parent dc7417ed
Hide whitespace changes
Inline Side-by-side
Showing with 436 additions and 187 deletions
safe-campus-bbs-ui/public/iconfont/iconfont.css
View file @ f153f60a
@font-face {
font-family: "iconfont"; /* Project id 5028537 */
src: url('iconfont.woff2?t=1758609551078') format('woff2'),
url('iconfont.woff?t=1758609551078') format('woff'),
url('iconfont.ttf?t=1758609551078') format('truetype');
font-family: "iconfont"; /* Project id 5030701 */
/* Color fonts */
src:
url('iconfont.woff2?t=1758858203810') format('woff2'),
url('iconfont.woff?t=1758858203810') format('woff'),
url('iconfont.ttf?t=1758858203810') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 40rpx;
font-size: 24px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-chijing:before {
content: "\e600";
.icon-biaoqing-bugaoxing:before {
content: "\e65b";
}
.icon-dai:before {
content: "\e601";
.icon-meigui:before {
content: "\e62f";
}
.icon-mogui:before {
content: "\e602";
.icon-a-heshi:before {
content: "\e6af";
}
.icon-ganga:before {
content: "\e603";
.icon-a-jizhi:before {
content: "\e6b1";
}
.icon-qin:before {
content: "\e604";
.icon-be024:before {
content: "\e667";
}
.icon-nu:before {
content: "\e605";
.icon-emo_bucuo:before {
content: "\e6a6";
}
.icon-shengqi:before {
content: "\e606";
.icon-huaji:before {
content: "\e601";
}
.icon-ma:before {
content: "\e607";
.icon-neijiu:before {
content: "\e600";
}
.icon-bishi:before {
content: "\e608";
.icon-icon-test:before {
content: "\e60d";
}
.icon-maimeng:before {
content: "\e609";
.icon-icon-test1:before {
content: "\e60f";
}
.icon-jingdai:before {
content: "\e60a";
content: "\e627";
}
.icon-coolapk_emotion__koubi:before {
content: "\e615";
}
.icon-liuhan:before {
content: "\e603";
}
.icon-qinqin:before {
content: "\e610";
}
.icon-kulian:before {
content: "\e60b";
content: "\e611";
}
.icon-jingxi:before {
content: "\e616";
}
.icon-feiwen:before {
content: "\e700";
}
.icon-zaijian:before {
content: "\e61f";
}
.icon-shuizhao-01:before {
content: "\e669";
}
.icon-biaoqing-weixiao:before {
content: "\e65f";
}
.icon-ico_emoji_26:before {
content: "\e67f";
}
.icon-a-ziyuan135:before {
content: "\e60c";
}
.icon-a-ziyuan123:before {
content: "\e60e";
}
.icon-emoji-18:before {
content: "\e69b";
}
.icon-a-Facewithcoldsweat:before {
content: "\e64a";
}
.icon-a-kelian:before {
content: "\e6aa";
}
.icon-bangzhuzhongxin:before {
content: "\e634";
}
.icon-a-Thumbsup:before {
content: "\e656";
}
safe-campus-bbs-ui/public/iconfont/iconfont.js 0 → 100644
View file @ f153f60a
This source diff could not be displayed because it is too large. You can view the blob instead.
safe-campus-bbs-ui/src/main.js
View file @ f153f60a
......@@ -8,6 +8,7 @@ import './assets/styles/element-variables.scss'
import '@/assets/styles/index.scss' // global css
import '@/assets/styles/ruoyi.scss' // ruoyi css
import '../public/iconfont/iconfont.css'
import '../public/iconfont/iconfont.js'
import App from './App'
import store from './store'
import router from './router'
......
safe-campus-bbs-ui/src/utils/emjo.js
View file @ f153f60a
const emotions = [{
code: 'icon-chijing',
name: '吃惊',
symbol: '[吃惊]'
code: 'icon-meigui',
name: '玫瑰',
symbol: '[玫瑰]'
},
{
code: 'icon-dai',
name: '呆',
symbol: '[呆]'
code: 'icon-a-heshi',
name: '合十',
symbol: '[合十]'
},
{
code: 'icon-mogui',
name: '魔鬼',
symbol: '[魔鬼]'
code: 'icon-a-jizhi',
name: '机智',
symbol: '[机智]'
},
{
code: 'icon-ganga',
name: '尴尬',
symbol: '[尴尬]'
code: 'icon-huaji',
name: '滑稽',
symbol: '[滑稽]'
},
{
code: 'icon-qin',
name: '亲',
symbol: '[亲]'
code: 'icon-be024',
name: '兴奋',
symbol: '[兴奋]'
},
{
code: 'icon-nu',
name: '怒',
symbol: '[怒]'
code: 'icon-emo_bucuo',
name: '调皮',
symbol: '[调皮]'
},
{
code: 'icon-shengqi',
name: '生气',
symbol: '[生气]'
code: 'icon-neijiu',
name: '内疚',
symbol: '[内疚]'
},
{
code: 'icon-ma',
name: '骂',
symbol: '[骂]'
code: 'icon-icon-test',
name: '疲倦',
symbol: '[疲倦]'
},
{
code: 'icon-bishi',
name: '鄙视',
symbol: '[鄙视]'
},
{
code: 'icon-maimeng',
name: '卖萌',
symbol: '[卖萌]'
code: 'icon-icon-test1',
name: '大哭',
symbol: '[大哭]'
},
{
code: 'icon-jingdai',
name: '惊呆',
symbol: '[惊呆]'
},
{
code: 'icon-coolapk_emotion__koubi',
name: '抠鼻',
symbol: '[抠鼻]'
},
{
code: 'icon-liuhan',
name: '流汗',
symbol: '[流汗]'
},
{
code: 'icon-qinqin',
name: '亲亲',
symbol: '[亲亲]'
},
{
code: 'icon-kulian',
name: '哭脸',
symbol: '[哭脸]'
},
{
code: 'icon-jingxi',
name: '惊喜',
symbol: '[惊喜]'
},
{
code: 'icon-zaijian',
name: '再见',
symbol: '[再见]'
},
{
code: 'icon-shuizhao-01',
name: '睡着了',
symbol: '[睡着了]'
},
{
code: 'icon-biaoqing-weixiao',
name: '微笑',
symbol: '[微笑]'
},
{
code: 'icon-ico_emoji_26',
name: '叹气',
symbol: '[叹气]'
},
{
code: 'icon-feiwen',
name: '飞吻',
symbol: '[飞吻]'
},
{
code: 'icon-a-ziyuan135',
name: '偷笑',
symbol: '[偷笑]'
},
{
code: 'icon-a-ziyuan123',
name: '鼓掌',
symbol: '[鼓掌]'
},
{
code: 'icon-emoji-18',
name: '抓狂',
symbol: '[抓狂]'
},
{
code: 'icon-a-Facewithcoldsweat',
name: '尴尬',
symbol: '[尴尬]'
},
{
code: 'icon-a-kelian',
name: '可怜',
symbol: '[可怜]'
},
{
code: 'icon-bangzhuzhongxin',
name: '爱心',
symbol: '[爱心]'
},
{
code: 'icon-a-Thumbsup',
name: '点赞',
symbol: '[点赞]'
},
{
code:'icon-biaoqing-bugaoxing',
name: '不高兴',
symbol: '[不高兴]'
}
]
......
safe-campus-bbs-uniapp/components/ImageUpload.vue
View file @ f153f60a
......@@ -73,6 +73,7 @@
} from '@/utils/auth.js';
import $modal from '@/utils/modal.js'
import VideoPreview from './VideoPreview.vue';
import emotions from '@/utils/emjo';
export default {
name: 'BatchImageUpload',
props: {
......@@ -116,67 +117,7 @@
isVideo: false,
isImg: false,
limiData: undefined,
emotions: [{
code: 'icon-chijing',
name: '吃惊',
symbol: '[吃惊]'
},
{
code: 'icon-dai',
name: '呆',
symbol: '[呆]'
},
{
code: 'icon-mogui',
name: '魔鬼',
symbol: '[魔鬼]'
},
{
code: 'icon-ganga',
name: '尴尬',
symbol: '[尴尬]'
},
{
code: 'icon-qin',
name: '亲',
symbol: '[亲]'
},
{
code: 'icon-nu',
name: '怒',
symbol: '[怒]'
},
{
code: 'icon-shengqi',
name: '生气',
symbol: '[生气]'
},
{
code: 'icon-ma',
name: '骂',
symbol: '[骂]'
},
{
code: 'icon-bishi',
name: '鄙视',
symbol: '[鄙视]'
},
{
code: 'icon-maimeng',
name: '卖萌',
symbol: '[卖萌]'
},
{
code: 'icon-jingdai',
name: '惊呆',
symbol: '[惊呆]'
},
{
code: 'icon-kulian',
name: '哭脸',
symbol: '[哭脸]'
},
],
emotions,
showEmjo: false,
clientX: 0,
clientY: 0
......@@ -459,6 +400,12 @@
handleSelectEmjo(emotion){
this.showEmjo = false
this.$emit('handleEmjo',emotion)
},
// 关闭表情窗
closeEmjo(){
if(this.showEmjo){
this.showEmjo = false
}
}
}
};
......@@ -553,13 +500,12 @@
}
.emotion-item {
width: 20%;
height:80rpx;
width: 14%;
height:100rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 26px;
color: #333;
font-size: 24px;
}
}
</style>
\ No newline at end of file
safe-campus-bbs-uniapp/main.js
View file @ f153f60a
......@@ -3,6 +3,8 @@ import App from './App'
import { createSSRApp } from 'vue'
import store from './store'
import './static/iconfont/iconfont.js'
export function createApp() {
const app = createSSRApp(App)
app.use(store)
......
safe-campus-bbs-uniapp/pages/publish/publish.vue
View file @ f153f60a
......@@ -7,8 +7,8 @@
</view>
<view class="publish-box">
<textarea class="textarea" v-model="form.content" placeholder="分享有趣事~"
placeholder-class="placeholder-class" />
<image-upload v-model="form.attachments" :limit="9" :showIcons="true"
placeholder-class="placeholder-class" @focus="handleFocus" />
<image-upload v-model="form.attachments" ref="uploadRef" :limit="9" :showEmjo="showEmjo" :showIcons="true"
@componentsType="handleSetComponentsType" @handleTopic="handleOpenTopicSelection"
@handleEmjo="handleAddEmjo"></image-upload>
</view>
......@@ -154,7 +154,8 @@
},
voteOptionsAffirmative: [],
voteOptionsOpposing: [],
emotions
emotions,
showEmjo:false
}
},
components: {
......@@ -318,11 +319,16 @@
});
},
// textarea聚焦时关闭表情窗口
handleFocus(){
this.$refs.uploadRef.closeEmjo()
},
// 添加表情
handleAddEmjo(emotion) {
console.log(emotion)
this.form.content = this.form.content + emotion.symbol
},
// 删除表情
deleteContent() {
// 1. 处理 form.content 为空的情况，直接返回避免报错
if (!this.form.content || this.form.content.trim() === '') {
......
safe-campus-bbs-uniapp/static/iconfont/iconfont.css
View file @ f153f60a
@font-face {
font-family: "iconfont"; /* Project id 5028537 */
src: url('iconfont.woff2?t=1758609551078') format('woff2'),
url('iconfont.woff?t=1758609551078') format('woff'),
url('iconfont.ttf?t=1758609551078') format('truetype');
font-family: "iconfont"; /* Project id 5030701 */
/* Color fonts */
src:
url('iconfont.woff2?t=1758858203810') format('woff2'),
url('iconfont.woff?t=1758858203810') format('woff'),
url('iconfont.ttf?t=1758858203810') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 40rpx;
font-size: 24px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-chijing:before {
content: "\e600";
.icon-biaoqing-bugaoxing:before {
content: "\e65b";
}
.icon-dai:before {
content: "\e601";
.icon-meigui:before {
content: "\e62f";
}
.icon-mogui:before {
content: "\e602";
.icon-a-heshi:before {
content: "\e6af";
}
.icon-ganga:before {
content: "\e603";
.icon-a-jizhi:before {
content: "\e6b1";
}
.icon-qin:before {
content: "\e604";
.icon-be024:before {
content: "\e667";
}
.icon-nu:before {
content: "\e605";
.icon-emo_bucuo:before {
content: "\e6a6";
}
.icon-shengqi:before {
content: "\e606";
.icon-huaji:before {
content: "\e601";
}
.icon-ma:before {
content: "\e607";
.icon-neijiu:before {
content: "\e600";
}
.icon-bishi:before {
content: "\e608";
.icon-icon-test:before {
content: "\e60d";
}
.icon-maimeng:before {
content: "\e609";
.icon-icon-test1:before {
content: "\e60f";
}
.icon-jingdai:before {
content: "\e60a";
content: "\e627";
}
.icon-coolapk_emotion__koubi:before {
content: "\e615";
}
.icon-liuhan:before {
content: "\e603";
}
.icon-qinqin:before {
content: "\e610";
}
.icon-kulian:before {
content: "\e60b";
content: "\e611";
}
.icon-jingxi:before {
content: "\e616";
}
.icon-feiwen:before {
content: "\e700";
}
.icon-zaijian:before {
content: "\e61f";
}
.icon-shuizhao-01:before {
content: "\e669";
}
.icon-biaoqing-weixiao:before {
content: "\e65f";
}
.icon-ico_emoji_26:before {
content: "\e67f";
}
.icon-a-ziyuan135:before {
content: "\e60c";
}
.icon-a-ziyuan123:before {
content: "\e60e";
}
.icon-emoji-18:before {
content: "\e69b";
}
.icon-a-Facewithcoldsweat:before {
content: "\e64a";
}
.icon-a-kelian:before {
content: "\e6aa";
}
.icon-bangzhuzhongxin:before {
content: "\e634";
}
.icon-a-Thumbsup:before {
content: "\e656";
}
safe-campus-bbs-uniapp/static/iconfont/iconfont.js 0 → 100644
View file @ f153f60a
This source diff could not be displayed because it is too large. You can view the blob instead.
safe-campus-bbs-uniapp/static/styles/common.scss
View file @ f153f60a
......@@ -10,7 +10,7 @@ $common-width:94vw;
@mixin common-page($height) {
background-color: rgba(244, 244, 244, 1);
height: $height;
color: rgba(16, 16, 16, 1);
font-size: 28rpx;
font-family: Arial;
padding: 2rpx 0;
......
safe-campus-bbs-uniapp/utils/emjo.js
View file @ f153f60a
const emotions = [{
code: 'icon-chijing',
name: '吃惊',
symbol: '[吃惊]'
code: 'icon-meigui',
name: '玫瑰',
symbol: '[玫瑰]'
},
{
code: 'icon-dai',
name: '呆',
symbol: '[呆]'
code: 'icon-a-heshi',
name: '合十',
symbol: '[合十]'
},
{
code: 'icon-mogui',
name: '魔鬼',
symbol: '[魔鬼]'
code: 'icon-a-jizhi',
name: '机智',
symbol: '[机智]'
},
{
code: 'icon-ganga',
name: '尴尬',
symbol: '[尴尬]'
code: 'icon-huaji',
name: '滑稽',
symbol: '[滑稽]'
},
{
code: 'icon-qin',
name: '亲',
symbol: '[亲]'
code: 'icon-be024',
name: '兴奋',
symbol: '[兴奋]'
},
{
code: 'icon-nu',
name: '怒',
symbol: '[怒]'
code: 'icon-emo_bucuo',
name: '调皮',
symbol: '[调皮]'
},
{
code: 'icon-shengqi',
name: '生气',
symbol: '[生气]'
code: 'icon-neijiu',
name: '内疚',
symbol: '[内疚]'
},
{
code: 'icon-ma',
name: '骂',
symbol: '[骂]'
code: 'icon-icon-test',
name: '疲倦',
symbol: '[疲倦]'
},
{
code: 'icon-bishi',
name: '鄙视',
symbol: '[鄙视]'
},
{
code: 'icon-maimeng',
name: '卖萌',
symbol: '[卖萌]'
code: 'icon-icon-test1',
name: '大哭',
symbol: '[大哭]'
},
{
code: 'icon-jingdai',
name: '惊呆',
symbol: '[惊呆]'
},
{
code: 'icon-coolapk_emotion__koubi',
name: '抠鼻',
symbol: '[抠鼻]'
},
{
code: 'icon-liuhan',
name: '流汗',
symbol: '[流汗]'
},
{
code: 'icon-qinqin',
name: '亲亲',
symbol: '[亲亲]'
},
{
code: 'icon-kulian',
name: '哭脸',
symbol: '[哭脸]'
},
{
code: 'icon-jingxi',
name: '惊喜',
symbol: '[惊喜]'
},
{
code: 'icon-zaijian',
name: '再见',
symbol: '[再见]'
},
{
code: 'icon-shuizhao-01',
name: '睡着了',
symbol: '[睡着了]'
},
{
code: 'icon-biaoqing-weixiao',
name: '微笑',
symbol: '[微笑]'
},
{
code: 'icon-ico_emoji_26',
name: '叹气',
symbol: '[叹气]'
},
{
code: 'icon-feiwen',
name: '飞吻',
symbol: '[飞吻]'
},
{
code: 'icon-a-ziyuan135',
name: '偷笑',
symbol: '[偷笑]'
},
{
code: 'icon-a-ziyuan123',
name: '鼓掌',
symbol: '[鼓掌]'
},
{
code: 'icon-emoji-18',
name: '抓狂',
symbol: '[抓狂]'
},
{
code: 'icon-a-Facewithcoldsweat',
name: '尴尬',
symbol: '[尴尬]'
},
{
code: 'icon-a-kelian',
name: '可怜',
symbol: '[可怜]'
},
{
code: 'icon-bangzhuzhongxin',
name: '爱心',
symbol: '[爱心]'
},
{
code: 'icon-a-Thumbsup',
name: '点赞',
symbol: '[点赞]'
},
{
code:'icon-biaoqing-bugaoxing',
name: '不高兴',
symbol: '[不高兴]'
}
]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment