欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    微信小程序阅读协议获取手机验证码页面样式模板制作设计下载(2)

    2018-06-20 09:40 来源/作者:懒人模板 分类:小程序教程  « »
     
    二、wxss样式文件代码如下:
    page{
        background-color: #f8f8f8;
    }
    #tel-binding {
        color: #a0a0a0;
        font-size: 24rpx;
    }
    #tel-binding .p {
        margin: 0;
        padding: 0 28rpx;
        line-height: 60rpx;
    }
    #tel-binding .tel-input-wrapper {
        position: relative;
    }
    #tel-binding .tel-input {
        height: 88rpx;
        width: 100%;
        border-bottom: 1px solid #eee;
        background-color: white;
    }
    #tel-binding .tel-input image {
        float: left;
        width: 24rpx;
        height: 32rpx;
        margin: 26rpx 16rpx 0 28rpx ;
    }
    
    #tel-binding .tel-input input {
        float: right;
        border: none;
        outline: none;
        font-size: 24rpx;
        width: 660rpx;
        margin: 18rpx 20rpx 0 0;
    }
    
    #tel-binding button {
        height: 64rpx;
        font-size: 30rpx;
        border-radius: 10rpx;
        margin: 0 28rpx;
    }
    
    .mm-checkbox{
       padding: 0 28rpx; 
    }
    .text-primary {
        color: #fc3151;
    }
    .mm-checkbox .labelCheck {
        display: block;
        line-height: 70rpx;
        position: relative;
    }
    button.btn-primary {
        border-radius: 10rpx;
        background-color: #fc3151;
        color: white;
        height: 64rpx;
        font-size: 30rpx;
    }
    button.disabled {
        background-color: #d6d6d6;
    }

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议