zoukankan      html  css  js  c++  java
  • 快应用悬浮广告组件

    <template>
        <div class="float-banner"
            onclick="handleClickImage"
            style="{{`${width}px;height:${height}px;left:${right!==0&&left===0?'auto':left+'px'};top:${top}px;right:${right}px;`}}">
            <image src="{{imaegUrl}}"></image>
        </div>
    </template>
    <script>
    export default {
        data(){
            return{
    
            }
        },
        props:{
            {
                type:[Number,String],
                default:200
            },
            height:{
                type:[Number,String],
                default:200
            },
            top:{
                type:[Number,String],
                default:800
            },
            left:{
                type:[Number,String],
                default:0
            },
            right:{
                type:[Number,String],
                default:0
            },
            imaegUrl:{
                type:String,
                default:`http://img0.imgtn.bdimg.com/it/u=1655311007,1040851429&fm=26&gp=0.jpg`
            }
        },
        handleClickImage(){
            this.$emit('look')
        }
    }
    </script>
    <style lang="less" scoped>
    .float-banner{
        position: fixed;
        image{
            100%;
            height:100%;
        }
    }
    </style>
    
    
    
    
  • 相关阅读:
    进程线程模型
    操作系统运行机制
    操作系统概论
    排序
    win32消息机制
    win32框架
    map
    deque & list
    vector内部实现2
    蓝桥杯 文化之旅 图论 待复习
  • 原文地址:https://www.cnblogs.com/guanhuohuo/p/12526145.html
Copyright © 2011-2022 走看看