462 lines
12 KiB
HTML
462 lines
12 KiB
HTML
<template id="pas">
|
||
<article>
|
||
<section>
|
||
<a class="idnam" href="#pas"><code class="id active">pas</code> <span class="nam">用户登录与激活</span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>手机号：</label>
|
||
<input class="nbr" type="text" inputmode="numeric" pattern="\d{11}" placeholder="十一位手机号（中国大陆）"
|
||
minlength="11" maxlength="11" required />
|
||
<button class="send">发送验证码</button>
|
||
</section>
|
||
<hr>
|
||
<section class="flex adm none">
|
||
<label>居住地区：</label>
|
||
<select class="adm1"></select>
|
||
<select class="adm2"></select>
|
||
</section>
|
||
<hr>
|
||
<section class="flex pre none">
|
||
<label>激活码：</label>
|
||
<input class="actid" type="text" placeholder="激活码" minlength="6" maxlength="24" required />
|
||
<button class="act">激活</button>
|
||
</section>
|
||
<hr>
|
||
<section class="flex pas none">
|
||
<label>验证码：</label>
|
||
<input class="code" type="text" inputmode="numeric" pattern="\d{6}" placeholder="六位验证码" minlength="6"
|
||
maxlength="6" required />
|
||
<button class="issue">登录</button>
|
||
</section>
|
||
<hr>
|
||
<section class="hint"></section>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="usr">
|
||
<article>
|
||
<section>
|
||
<a class="idnam"><code class="id"></code> <span class="nam"></span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="meta">
|
||
居住地区：<span class="adm"></span><br>
|
||
注册时间：<span class="utc"></span><br>
|
||
<hr>
|
||
反对者：<span class="rej"></span><br>
|
||
推荐人：<span class="ref"></span><br>
|
||
<hr>
|
||
反对者达两名时，<em class="rej2">信息不公示</em><br>
|
||
推荐人达两名前，<em class="ref2">权限不可用</em><br>
|
||
仅管理员和联络员有权限反对或推荐用户
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>权限：（达2推荐前不可用）</label>
|
||
<p class="rolref"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>反对：</label>
|
||
<p class="urej"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>推荐：</label>
|
||
<p class="uref"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>简介：</label>
|
||
<p class="intro"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<details>
|
||
<summary>工作日志：</summary>
|
||
<p class="recwork"></p>
|
||
</details>
|
||
<details>
|
||
<summary>支持记录：</summary>
|
||
<p class="recfund"></p>
|
||
</details>
|
||
</section>
|
||
<hr>
|
||
<section class="pos flex">
|
||
<button class="put">编辑</button>
|
||
<button class="pas">登出</button>
|
||
</section>
|
||
<hr>
|
||
<section class="pre flex">
|
||
<button class="preusr">添加用户</button>
|
||
<button class="presoc">添加社团</button>
|
||
<button class="preagd">添加活动</button>
|
||
<button class="prefund">添加支持</button>
|
||
<button class="prewsl">添加法律援助文章</button>
|
||
<button class="prelit">添加理论学习文章</button>
|
||
</section>
|
||
<hr>
|
||
<section class="putpro flex">
|
||
<button class="putrej">反对</button>
|
||
<button class="putref">推荐</button>
|
||
</section>
|
||
<hr>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="soc">
|
||
<article>
|
||
<section>
|
||
<a class="idnam"><code class="id"></code> <span class="nam"></span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="meta">
|
||
社团地区：<span class="adm"></span><br>
|
||
注册时间：<span class="utc"></span><br>
|
||
<hr>
|
||
反对者：<span class="rej"></span><br>
|
||
推荐人：<span class="ref"></span><br>
|
||
<hr>
|
||
反对者达两名时，<em class="rej2">信息不公示</em><br>
|
||
推荐人达两名前，<em class="ref2">权限不可用</em><br>
|
||
仅管理员有权限反对或推荐社团
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>联络员：</label>
|
||
<p class="sec"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>志愿者：</label>
|
||
<p class="uid"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>申请人：</label>
|
||
<p class="res"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>简介：</label>
|
||
<p class="intro"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<details>
|
||
<summary>工作日志：</summary>
|
||
<p class="recwork"></p>
|
||
</details>
|
||
<details>
|
||
<summary>支持记录：</summary>
|
||
<p class="recfund"></p>
|
||
</details>
|
||
</section>
|
||
<hr>
|
||
<section class="pos flex">
|
||
<button class="put">编辑</button>
|
||
</section>
|
||
<hr>
|
||
<section class="putrel flex">
|
||
<button class="putsec">增删联络员</button>
|
||
<button class="putuid">增删志愿者</button>
|
||
<button class="putresn">清空申请人</button>
|
||
<button class="putres">申请加入</button>
|
||
</section>
|
||
<hr>
|
||
<section class="putpro flex">
|
||
<button class="putrej">反对</button>
|
||
<button class="putref">推荐</button>
|
||
</section>
|
||
<hr>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="agd">
|
||
<article>
|
||
<section>
|
||
<a class="idnam"><code class="id"></code> <span class="nam"></span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="meta">
|
||
活动地区：<span class="adm"></span><br>
|
||
注册时间：<span class="utc"></span><br>
|
||
<hr>
|
||
反对者：<span class="rej"></span><br>
|
||
推荐人：<span class="ref"></span><br>
|
||
<hr>
|
||
反对者达两名时，<em class="rej2">信息不公示</em><br>
|
||
推荐人达两名前，<em class="ref2">权限不可用</em><br>
|
||
仅主义主义管理员有权限反对或推荐活动
|
||
</section>
|
||
<hr>
|
||
<section class="acct">
|
||
<div><span>收到支持</span><span>当前预算</span></div>
|
||
<svg width="100%" height="4em">
|
||
<rect width="100%" height="100%" fill="var(--lightgray)" />
|
||
<rect class="fundbar" y="0" width="0%" height="50%" />
|
||
<rect class="expensebar" y="50%" width="0%" height="50%" />
|
||
<text class="fund" y="25%" x="1%" dominant-baseline="central">0</text>
|
||
<text class="fundpct" y="25%" x="50%" dominant-baseline="central">0%</text>
|
||
<text class="budget" y="25%" x="99%" dominant-baseline="central">0</text>
|
||
<text class="expense" y="75%" x="1%" dominant-baseline="central">0</text>
|
||
<text class="expensepct" y="75%" x="50%" dominant-baseline="central">0%</text>
|
||
</svg>
|
||
<div><span>当前支出</span><a class="account">历史明细</a></div>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>当前目标：</label>
|
||
<p class="goal"></p>
|
||
</section>
|
||
<hr>
|
||
<section class="cover flex">
|
||
<div class="imgn">第 1 / 6 张</div>
|
||
<div><button class="prev">上一张</button> / <button class="next">下一张</button></div>
|
||
<div class="imgnam">年夜饭 22020304</div>
|
||
<img class="img" src="https://img1.imgtp.com/2023/01/27/Q2NK5uxM.jpeg">
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>简介：</label>
|
||
<p class="intro"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>联络员：</label>
|
||
<p class="sec"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>本周志愿者：</label>
|
||
<p class="uid"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>申请人：</label>
|
||
<p class="res"></p>
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<details>
|
||
<summary>工作日志：</summary>
|
||
<p class="recwork"></p>
|
||
</details>
|
||
<details>
|
||
<summary>支持记录：</summary>
|
||
<p class="recfund"></p>
|
||
</details>
|
||
</section>
|
||
<hr>
|
||
<section class="pos flex">
|
||
<button class="put">编辑信息</button>
|
||
<button class="putimg">编辑图片</button>
|
||
<button class="putgoal">编辑目标</button>
|
||
<button class="prevideo">添加视频</button>
|
||
<button class="prework">添加日志</button>
|
||
</section>
|
||
<hr>
|
||
<section class="putrel flex">
|
||
<button class="putsec">增删联络员</button>
|
||
<button class="putuid">增删志愿者</button>
|
||
<button class="putresn">清空申请人</button>
|
||
<button class="putres">申请加入</button>
|
||
</section>
|
||
<hr>
|
||
<section class="putpro flex">
|
||
<button class="putrej">反对</button>
|
||
<button class="putref">推荐</button>
|
||
</section>
|
||
<hr>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="goal">
|
||
<div style="width: 160px">
|
||
<svg width="160" height="160">
|
||
<circle cx="50%" cy="50%" r="60" />
|
||
<circle class="circle" cx="50%" cy="50%" r="60" />
|
||
<text class="pct" y="50%" x="50%" dominant-baseline="central"></text>
|
||
</svg>
|
||
<span class="nam"></span>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="rec">
|
||
<article class="rec">
|
||
<section class="nam flex"><a class="unam"></a> <a class="anam uid"></a></section>
|
||
<section class="meta"></section>
|
||
<section class="msg"></section>
|
||
<section class="re">
|
||
反对者：<span class="rej"></span> ｜ 推荐人：<span class="ref"></span>
|
||
<section class="putpro">
|
||
<button class="putrej">反对</button>
|
||
<button class="putref">推荐</button>
|
||
<button class="put">编辑</button>
|
||
</section>
|
||
</section>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="md">
|
||
<article>
|
||
<section>
|
||
<a class="idnam"><code class="id"></code> <span class="nam"></span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="meta">
|
||
发布时间：<span class="utc"></span><br>
|
||
最后更新：<span class="utcp"></span><br>
|
||
文章编辑：<span class="unam"></span><br>
|
||
</section>
|
||
<hr>
|
||
<section class="md">
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<button class="put">编辑</button>
|
||
</section>
|
||
<hr>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="pre">
|
||
<article>
|
||
<section>
|
||
<a class="idnam"><code class="id active"></code> <span class="nam"></span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>手机号：</label>
|
||
<input class="nbr" type="text" inputmode="numeric" pattern="\d{11}" placeholder="十一位手机号（中国大陆）"
|
||
minlength="11" maxlength="11" required />
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>名称：（2-16个中文字符）</label>
|
||
<input class="pnam" type="text" maxlength="16" required />
|
||
</section>
|
||
<hr>
|
||
<section class="flex adm">
|
||
<label>地区：</label>
|
||
<select class="adm1"></select>
|
||
<select class="adm2"></select>
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<button class="pre">确认</button>
|
||
<button class="cancel">取消</button>
|
||
</section>
|
||
<hr>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="put">
|
||
<article>
|
||
<section>
|
||
<a class="idnam"><code class="id active"></code> <span class="nam"></span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>名称：（2-16个中文字符）</label>
|
||
<input class="pnam" type="text" maxlength="16" required />
|
||
</section>
|
||
<hr>
|
||
<section class="flex adm">
|
||
<label>地区：</label>
|
||
<select class="adm1"></select>
|
||
<select class="adm2"></select>
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>志愿者上限：（0-256）</label>
|
||
<input class="uidlim" type="text" inputmode="numeric" pattern="\d{1,3}" placeholder="0-256 的整数"
|
||
minlength="1" maxlength="3" required />
|
||
</section>
|
||
<hr>
|
||
<section class="meta">
|
||
以上基础信息仅主义主义管理员可编辑<br>
|
||
以下内容信息仅社团活动联络员可编辑
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>简介：（0 / 2048 个字符）</label>
|
||
<textarea class="intro" maxlength="2048"></textarea>
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>申请人上限：（0-64）</label>
|
||
<input class="reslim" type="text" inputmode="numeric" pattern="\d{1,2}" placeholder="0-64 的整数" minlength="1"
|
||
maxlength="2" required />
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>历史明细：（文档链接）</label>
|
||
<input class="account" type="text" maxlength="128" required />
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>当前预算：</label>
|
||
<input class="budget" type="text" inputmode="numeric" required />
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>收到支持：</label>
|
||
<input class="fund" type="text" inputmode="numeric" required />
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>当前支出：</label>
|
||
<input class="expense" type="text" inputmode="numeric" required />
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<button class="putn">删除</button>
|
||
<button class="put">确认</button>
|
||
<button class="cancel">取消</button>
|
||
</section>
|
||
<hr>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="putmd">
|
||
<article>
|
||
<section>
|
||
<a class="idnam"><code class="id active"></code> <span class="nam"></span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<label>标题：（2-16个中文字符）</label>
|
||
<input class="pnam" type="text" maxlength="16" required />
|
||
</section>
|
||
<hr>
|
||
<section class="meta">
|
||
正文支持 <code>Markdown</code> 文本样式
|
||
</section>
|
||
<hr>
|
||
<section>
|
||
<label>正文：（0 / 16384 个字符）</label>
|
||
<textarea class="md" maxlength="16384"></textarea>
|
||
</section>
|
||
<hr>
|
||
<section class="flex">
|
||
<button class="putn">删除</button>
|
||
<button class="put">确认</button>
|
||
<button class="cancel">取消</button>
|
||
</section>
|
||
<hr>
|
||
</article>
|
||
</template>
|
||
|
||
<template id="idn">
|
||
<article>
|
||
<section>
|
||
<a class="idnam" href=""><code class="id active"></code> <span class="nam">无效链接</span></a>
|
||
</section>
|
||
<hr>
|
||
<section class="meta"></section>
|
||
<hr>
|
||
</article>
|
||
</template>
|