Skip to content

kaisa / SopWeb

Go to a project
Commit 1cc2c8e1 by kaisa
Options

feat:更新

parent eb814fd2
Inline Side-by-side
Showing with 188 additions and 29 deletions
src/assets/fonts/fonts.css
/* 极速狂飙距离字体 */ /* 字体 */
@font-face { @font-face {
font-family: 'leading-title'; font-family: 'FZZYFT';
src: url('./TT0663M_.TTF'); src: url('./方正综艺繁体.ttf');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
\ No newline at end of file
src/views/activity/recruitment/components/review/index.vue
<script setup lang="ts"> <script setup lang="ts">
</script> </script>
<template> <template>
<div> <div class="review-wrap">
<div class="header"> <!-- 成功 -->
公會合作邀請 <div class="success"></div>
</div> <!-- 審核中 -->
<div class="content"> <div class="judge"></div>
<!-- 合作階段 --> <!-- 駁回 -->
<div class="stage"></div> <div class="failure"></div>
<!-- 簽約流程 -->
<div class="sign"></div>
<!-- 規則 -->
<div class="rule"></div>
<!-- 信息填寫 -->
<div class="info"></div>
</div>
<div class="bottom"></div>
</div> </div>
</template> </template>
<style scoped lang="scss"></style> <style scoped lang="scss">
\ No newline at end of file .review-wrap {
.success {}
.judge {}
.failure {}
}
</style>
\ No newline at end of file
src/views/activity/recruitment/components/sign/index.vue
<script setup lang="ts"> <script setup lang="ts">
/* 主播信息表單 */
const platform = ref('');
const idNum = ref('');
const userName = ref('');
const showPlatformPicker = ref(false);
const pickerValue = ref([])
const columns = [
{ text: '杭州', value: 'Hangzhou' },
];
const onConfirm = ({ selectedValues }: any) => {
console.log(selectedValues, '~');
pickerValue.value = selectedValues;
showPlatformPicker.value = false;
};
const onSubmit = (values: any) => {
console.log('submit', values);
};
const isShow = ref(false);
</script> </script>
<template> <template>
<div> <div class="review-wrap">
<!-- 成功 --> <div class="header">
<div class="success"></div> 公會合作邀請
<!-- 審核中 --> </div>
<div class="judge"></div> <div class="content">
<!-- 駁回 --> <!-- 合作階段 -->
<div class="failure"></div> <div class="stage" v-show="isShow">
<div class="stage-text">
<div class="stage-title">合作階段説明：</div>
<div class="text-content">
<span>試合作：初期合作嘗試，爲期15天</span>
<span>中期合作：試合作滿15天后，雙方協商是否進入中期合作階段</span>
<span>長期合作：中期合作結束後（獲得200w螢火），雙方協商是否進入長期合作階段</span>
</div>
</div>
</div>
<!-- 簽約流程 -->
<div class="sign" v-show="isShow">
<div class="sign-title">
試合作簽約流程
</div>
</div>
<!-- 規則 -->
<div class="rule" v-show="isShow">
<div class="rule-item">
<div class="rule-item-title">公會介紹</div>
<div class="rule-item-content">
我們的公會立足華人地區（除中國大陸），擁有大量粉絲資源。公會運營多年，培育出大量高收入主播。我們希望能和你在直播運營上開展合作。
</div>
</div>
<div class="rule-item">
<div class="rule-item-title">基礎信息</div>
<div class="rule-item-content">
自簽約生效之日起計算
</div>
</div>
<div class="rule-item">
<div class="rule-item-title">公會服務</div>
<div class="rule-item-content">
<div class="content-item">
<div class="content-item-title">
運營服務
</div>
<div class="content-item-text">
公會將提供直播内容策划、粉丝维护、数据分析，主播个人 IP 打造等服務
</div>
</div>
<div class="content-item">
<div class="content-item-title">
人氣提升
</div>
<div class="content-item-text">
公會將幫助你提升直播间人气，助力粉丝增长
</div>
</div>
<div class="content-item">
<div class="content-item-title">
收益增長
</div>
<div class="content-item-text">
公會將幫助你共同經營直播間，帶來更多禮物收益
</div>
</div>
</div>
</div>
<div class="rule-item">
<div class="rule-item-title">合作要求</div>
<div class="rule-item-content">
<div class="require-item">
<div class="require-title">開播時長</div>
<div class="require-content">試合作期間15天內開播3小時以上超過12天</div>
</div>
<div class="require-item">
<div class="require-title">溝通配合</div>
<div class="require-content">試合作期間內每天16:00-23:00需保持與公會的社交媒體對接</div>
</div>
<div class="require-item">
<div class="require-title">提供資料</div>
<div class="require-content">提供個人資料（生活照、職業、興趣愛好等），公會將幫助您進行形象包裝</div>
</div>
</div>
</div>
<div class="rule-item">
<div class="rule-item-title">合作條款</div>
<div class="rule-item-content">
<div class="require-item">
<div class="require-title">條款一</div>
<div class="require-content">不得對外透露公會合作細節，如果泄露公會合作細節，公會方有權終止合作。並將通過平台申請賬號資產凍結調查</div>
</div>
<div class="require-item">
<div class="require-title">條款二</div>
<div class="require-content">每月開播天數不足要求，公會方有權終止合作。並將通過平台申請賬號資產凍結調查。</div>
</div>
<div class="require-item">
<div class="require-title">條款三</div>
<div class="require-content">長時間不迴應公會的社交媒體對接，公會方有權終止合作。並將通過平台申請賬號資產凍結。</div>
</div>
</div>
</div>
</div>
<!-- 信息填寫 -->
<div class="info">
<div class="info-title">信息填寫</div>
<div class="info-form">
<van-form @submit="onSubmit">
<van-cell-group inset>
<van-field v-model="platform" name="platform" label="合作平臺：" placeholder="選擇平臺" is-link
@click="showPlatformPicker = true" :rules="[{ required: true, message: '请選擇平臺' }]" />
<van-popup v-model:show="showPlatformPicker" destroy-on-close position="bottom">
<van-picker :columns="columns" :model-value="pickerValue" @confirm="onConfirm"
@cancel="showPlatformPicker = false" />
</van-popup>
<van-field v-model="userName" name="userName" label="姓名" placeholder="請輸入"
:rules="[{ required: true, message: '请輸入姓名' }]" />
<van-field v-model="idNum" name="idNum" label="身份證號碼" placeholder="請輸入"
:rules="[{ required: true, message: '请輸入身份證號碼' }]" />
</van-cell-group>
<div style="margin: 16px;">
<van-button round block type="primary" native-type="submit">
確認簽約
</van-button>
</div>
</van-form>
</div>
</div>
</div>
<div class="bottom">
</div>
</div> </div>
</template> </template>
<style scoped lang="scss"></style> <style scoped lang="scss">
\ No newline at end of file .review-wrap {
.header {}
.content {}
.bottom {}
}
</style>
\ No newline at end of file
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 sign in to comment