123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- <!-- 注册 -->
- <template>
- <view id="register">
- <view class="register_li">
- <view class="register_li_min">
- <view>*</view>
- <view>登录账号:</view>
- <input v-model="form.name" type="text" placeholder="请输入账号">
- </view>
- <view class="register_li_min" style="border: none;">
- <view>*</view>
- <view>手机号:</view>
- <input v-model="form.name" type="text" placeholder="请输入注册时填写的手机号码">
- </view>
- </view>
- <view class="sub_btn">提交</view>
- </view>
- </template>
- <script>
- import {} from '@/api/apiDemo/index.js'
- import { config } from '@/api/request/config.js'
- export default {
- data() {
- return {
- form:{
- name:'',
- },
- }
- },
- onLoad(option) {
- },
- onShow(){
- },
- methods: {
- }
- }
- </script>
- <style lang="stylus" scoped>
- #register{
- height:100%;
- width:100%;
- display flex
- flex-direction column;
- padding-bottom: 220rpx;
- .register_li{
- background #fff;
- border-radius:20rpx;
- margin:20rpx 20rpx 0;
- padding:20rpx 0;
- box-sizing: border-box;
- .register_li_min{
- margin:0 26rpx;
- display flex;
- align-items center;
- border-bottom: 1px solid #F5F5F5;
- view{
- line-height:100rpx;
- font-size:28rpx;
- }
- view:nth-child(1){
- color:red;
- line-height:28rpx;
- margin-right: 12rpx;
- }
- view:nth-child(2){
- width:140rpx;
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #333333;
- }
- >input{
- width 500rpx;
- text-align: right;
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #CCCCCC;
- }
- }
- }
- /* 按钮 */
- .sub_btn{
- width: 650rpx;
- height: 100rpx;
- background: #0183FA;
- border-radius: 20rpx;
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #FFFFFF;
- line-height: 100rpx;
- text-align: center;
- margin-left: 50rpx;
- position: fixed;
- bottom:30rpx;
- z-index: 1000;
- }
- }
- /deep/.input-value-border{
- display :none !important;
- }
- </style>
|