考勤打卡样式调整

Administrator

2021-06-15 c082e88ed7260273a00821aa76d8e5536df0a9fe

考勤打卡样式调整

 xcxjingqingmap_clock_sign_in/css/body.css

@@ -32,6 +32,7 @@
    width: 94%;
    height: 55%;
    margin: auto;
    border-radius: 5px;
}

.now-time {
@@ -89,7 +90,7 @@
}

.f-m-once input {
    width: 290px;
    width: 260px;
    position: relative;
    left: 20px;
    border: none;
@@ -118,7 +119,7 @@
.f-m-once-text .f-m-o-center {
    /* background-color: #dffdad; */
    border-radius: 5px;
    width: 290px;
    width: 260px;
    height: 100px !important;
    position: relative;
    left: 20px;
@@ -132,6 +133,7 @@

.clock {
    width: 100%;
    margin: auto;
}

.clock-status {
@@ -170,15 +172,17 @@
    margin-top: 15px;
}

.btn {
    text-align: center;
}

.clock-btn {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100px;
    border: none;
    color: #FFFFFF;
    background-color: #007AFF;
    position: relative;
    left: 140px;
    top: 45px;
    letter-spacing: 1px;
}

 xcxjingqingmap_clock_sign_in/xcxmap.html

@@ -87,7 +87,9 @@
                    <div class="f-m-o-title">工作说明</div>
                    <textarea class="f-m-o-center" v-model="workDesc"></textarea>
                </div>

                <div class="btn">
                    <button id="clock-btn" class="clock-btn" @click="goClock">打卡</button>
                </div>
            </div>
        </div>

@@ -106,7 +108,7 @@
                    <span>下班</span>
                </div>
            </div> -->
            <button id="clock-btn" class="clock-btn" @click="goClock">打卡</button>
            <!-- <button id="clock-btn" class="clock-btn" @click="goClock">打卡</button> -->
        </div>
    </div>
    <!-- vue渲染 -->