qimall/addons/DepositPresale/backend/views/default/components/style-components/diy-url.php

<!-- 少了选择链接弹窗 -->
<template id="diy-url">
    <div class="diy-url-sel">
        <div class="diy-url" flex="cross:center" @click="clickUrl">
            <div>
                <i class="el-icon-link diy-url-icon"></i>
            </div>
            <div>
                {{text?text:'链接选择'}}
            </div>
        </div>
    </div>
</template>

<script>
    Vue.component('diy-url', {
        template: '#diy-url',
        name: 'diy-url',
        props: {
            text: {
                type: String,
                default: ""
            }
        },
        data(){
            return {

            }
        },
        
        methods: {
            clickUrl(){
                this.$emit("add",true)
            }
        }
    })
</script>

<style>
.diy-url-sel{
    width: 100%;
}

.diy-url{
    height: 39px;
    background: #EDF2FC;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    line-height: 0px;
    color: #999999;
    flex: 1;
    padding: 9px 15px 14px;
    margin-left: 14px;
}

.diy-url-icon{
    font-size: 13px;
    margin-right: 10px;
}
</style>