wally
/
plugin-templete
1
0
Fork 1
Code Issues Releases Wiki Activity
Browse Source

选择缴费方式

tiaosheng-xybmjf
jarvis 4 years ago
parent
d862a1ab3d
commit
c76aeb97cc
1 changed files with 18 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 80
      index.html

80
index.html
View File

@ -37,7 +37,7 @@
</div>
</div> -->
<div class="flex-1" style="height: 55rem;">
<div class="flex-1" style="height: 35rem;">
<div class="rounded-lg" style="height: 100%;">
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
@ -45,80 +45,40 @@
<div data-tname="考勤" data-pid="1433332016270811136" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
<div data-root="p1432643387798069248" style="height:100%;width:100%;">
<div class="title"></div>
<form action="">
<div class="h-12 pl-4 text-sm" style="line-height: 3rem;color: #595959;">个人基本信息</div>
<div class="h-12 pl-4 text-sm" style="line-height: 3rem;color: #595959;">选择缴费方式</div>
<div class="bg-white pl-4 pr-4">
<div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<label class="text-sm text-gray-400">姓名</label>
<input class="text-sm text-right outline-none" id="name" type="text" placeholder="请输入您的姓名">
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<label class="text-sm text-gray-400">性别</label>
<div>
<input class="text-sm" type="radio" name="gender" value="woman"> 女
<input class="text-sm" type="radio" name="gender" value="man"> 男
</div>
</div>
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<label class="text-sm text-gray-400">年龄</label>
<input class="text-sm text-right outline-none" id="age" value="age" type="number" placeholder="请输入您的年龄">
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8">
<label class="text-sm text-gray-400" border-b>身份</label>
<label class="text-sm text-gray-400">微信缴费</label>
<div class="flex flex-nowrap rounded-md startBtnBox">
<div class="startBtn text-sm">跳绳爱好者</div>
<div class="flex flex-nowrap ml-4">
<img style="width:15px" src="https://www.tall.wiki/staticrec/icon/right.svg" />
</div>
</div>
</div>
</div>
<div class="h-12 pl-4 text-sm" style="line-height: 3rem;color: #595959;">联系方式</div>
<div class="bg-white pl-4 pr-4">
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<label class="text-sm text-gray-400">地址</label>
<input class="text-sm text-right outline-none" id="address" type="text" placeholder="请输入您的详细地址">
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<label class="text-sm text-gray-400">电话</label>
<input class="text-sm text-right outline-none" id="phone" type="text" placeholder="请输入您的电话">
</div>
</div>
<div class="h-12 pl-4 text-sm" style="line-height: 3rem;color: #595959;">培训目标</div>
<div class="bg-white pl-4 pr-4">
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<label class="text-sm text-gray-400">目标</label>
<div class="flex flex-nowrap rounded-md startBtnBox">
<div class="startBtn text-sm">裁判员</div>
<div class="flex flex-nowrap ml-4">
<div class="flex flex-nowrap ml-4" onclick="p1432643387798069248.jumpDetails(this)">
<img style="width:15px" src="https://www.tall.wiki/staticrec/icon/right.svg" />
</div>
</div>
</div>
</div>
<div class="h-12 pl-4 text-sm" style="line-height: 3rem;color: #595959;">缴费</div>
<!-- <div class="bg-white pl-4 pr-4">
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<label class="text-sm text-gray-400">选择支付方式</label>
<label class="text-sm text-gray-400">支付宝缴费</label>
<div class="flex flex-nowrap rounded-md startBtnBox">
<div class="flex flex-nowrap ml-4" onclick="p1432643387798069248.jumpDetails(this)">
<img style="width:15px" src="https://www.tall.wiki/staticrec/icon/right.svg" />
</div>
</div>
</div>
<div class="paymentDocument pl-8">
</div>
<div class="h-12 pl-4 text-sm" style="line-height: 3rem;color: #595959;">选择缴费方式</div>
<div class="paymentDocument pl-8 bg-white">
<p class="text-sm text-gray-400">上传支付凭证（仅支持jpg格式）</p>
<div class="uploadJpg bg-gray-100 border-dashed border-gray-900">
<div class="flex justify-center items-center uploadJpg bg-gray-100 border-dashed border-gray-900" onclick="uploadJpg()">
<div>
<p class="text-center">＋</p>
<p>上传照片</p>
</div>
</div>
</div>
</div> -->
<div class="apply pl-8 pr-8">
<button class="bg-blue-500 text-white text-base apply-btn" onclick="immediatelyApply()">立即报名</button>
<div class="flex justify-between pl-8 pr-8 apply">
<button class="border rounded text-base w-5/12 h-10" onclick="immediatelyApply()">稍后缴费</button>
<button class="rounded bg-blue-500 text-white text-base w-5/12 h-10" onclick="immediatelyApply()">立即缴费</button>
</div>
</form>
</div>
</div>
@ -524,12 +484,8 @@
margin-top: .8125rem;
}
.apply{
height: 2.5rem;
margin-top: 3.75rem;
}
.apply-btn{
width: 100%;
height: 100%;
}
</style>
</html>

Write Preview
Loading…
Cancel
Save