#

whycq

2022-04-29 c1e688c8a52dd517a2b10125ff9fd1ede7499ce3

#

 App.vue

@@ -284,7 +284,7 @@
.square-2 {
        background-color: #ffffff;
        box-shadow: 0px 0px 5px #d9d9d9;
        width: 94%;
        width: 96%;
        height: 200rpx;
        border-radius: 20rpx;
        margin: 20rpx auto 20rpx auto;
@@ -390,7 +390,7 @@
    .square-1 {
        background-color: #ffffff;
        box-shadow: 0px 0px 5px #d9d9d9;
        width: 94%;
        width: 96%;
        height: 100rpx;
        border-radius: 20rpx;
        margin: 20rpx auto 20rpx auto;
@@ -427,4 +427,25 @@
        font-size: 32rpx;
        color: #FFFFFF;
    }
    .square-form {
        background-color: #ffffff;
        box-shadow: 0px 0px 5px #d9d9d9;
        width: 96%;
        height: 150rpx;
        border-radius: 20rpx;
        margin: 20rpx auto 20rpx auto;
    }
    .form-title {
        height: 50%;
        line-height: 80rpx;
        text-indent: 20rpx;
        font-size: 32rpx;
        font-weight: 700;
    }
    .form-input{
        height: 50%;
    }
    .form-input input {
        margin-left: 40rpx;
    }
</style>

 pages/basics/demo.vue

@@ -56,12 +56,28 @@
        <view class="square-none">
            <view class="v-show">暂无更多数据...</view>
        </view>
		
		
        <!-- 商品列表 -->
        <view>
            <view></view>
        </view>
        <!-- 表单 -->
        <view class="square-form">
            <view class="form-title">
                <text>结束时间</text>
            </view>
            <view class="form-input">
                <input type="text" placeholder="请输入...">
            </view>
        </view>
        <!-- 表单必填 -->
        <view class="square-form">
            <view class="form-title">
                <text>结束时间</text>
            </view>
            <view class="form-input">
                <input type="text" placeholder="请输入...">
            </view>
        </view>
    </view>
</template>