itsm-whlg/wechat/assets/views/customform/tpl/ui-checkbox-noBorder.html

<!-- <style>
    .itemMargin {
        margin-top: 10px;
    }
    
    .item {
        border: none;
        margin-left: -20px;
        background: none;
    }
</style> -->

<!--<div class="checkbox clip-check check-success check-lg checkbox-inline">
	<input type="checkbox" id="{{options.key}}" ng-model="model[options.key]">
	<label for="{{options.key}}">
		<span ng-class="{'labelColor':to.required}">{{to.required ? '*' : ''}}</span>
		<span ng-class="{'labelColor':to.required}">{{to.label}}</span>
	</label>
</div>-->

<!--<label>{{to.label}}{{to.required ? '*' : ''}}:</label>-->

<!--<div class="setting-box clearfix">
    <span class="setting-switch pull-left">
        <switch ng-model="model[options.key]"  class="green" ></switch>
    </span>
</div>-->

<!--<label class="toggle toggle-positive">
	<input type="checkbox" ng-model="model[options.key]">
	<div class="track">
		<div class="handle"></div>
	</div>
</label>-->


<!--<div class="item item-input-inset">-->
<!-- <div class="itemMargin">
    <ion-checkbox ng-model="model[options.key]">{{to.label}}{{to.required ? '*' : ''}}</ion-checkbox>
</div> -->
<!--</div>-->


<!-- <div class="ui-handler-style">
    <div>
        <div class="normal-label-text">
            <span ng-class="{'labelColor':to.required}">{{to.label}}</span>
        </div>
        <div class="ui-label-style">
            {{model[options.key]||'未设置'}}
        </div>
    </div>
</div> -->

<style>
    .ui-checkbox-noBorder {
        /* font-size: 1.4rem;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        padding-left: 1.1rem;
        color: #606367;
        background-color: #f5f5f5;
        border: 2px solid #eeeeee;
        border-radius: 0.4rem;*/
        min-height: 4rem;
    }
    
    .spanLeft {
        width: 70%;
        float: left;
        font-size: 1.4rem;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        padding-left: 1.1rem;
        color: #606367;
        background-color: #f5f5f5;
        border: 2px solid #eeeeee;
        border-radius: 0.4rem;
        min-height: 4rem;
    }
    
    .spanRight {
        width: 30%;
        float: left;
        font-size: 2.4rem;
        /* padding-top: 0.8rem; */
        /* padding-bottom: 0.8rem; */
        padding-left: 1.1rem;
        /* color: #606367;
        background-color: #f5f5f5;
        border: 2px solid #eeeeee;
        border-radius: 0.4rem; */
        min-height: 4rem;
        line-height: 4rem;
    }
    
    .fontGreen {
        color: #a1d46f;
    }
    
    .fontRed {
        color: #fc4c58;
    }
</style>

<div class="ui-handler-style">
    <div class="ui-checkbox-noBorder">
        <div class="spanLeft">{{to.label||'未设置'}}</div>
        <!-- <div class="spanRight iconfont {{checkIconfont}}" ng-class="{'dsit-false-circle':model[options.key]==true}" ng-click="model[options.key]=!model[options.key]"></div> -->
        <div class="spanRight iconfont {{checkIconfont}}" ng-click="checked()"></div>
    </div>
</div>