vue 布局局中

最新推荐文章于 2022-08-27 20:51:27 发布

grant_cloud

最新推荐文章于 2022-08-27 20:51:27 发布

阅读量306

点赞数

分类专栏： vue 文章标签： vue.js 前端 css

本文链接：https://blog.csdn.net/Alangao420983/article/details/126056650

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

     <div class="dialog_div" v-show="is_dialog_visible">
            <div class="dialog_div_style">
                <text class="text_left_stytle">照片图库</text>
                <img class="image_gallery_style" src="@/assets/icon_gallery.png">

            </div>
            <div class="divider_style_text"></div>
            <div class="dialog_div_style">
                <text class="text_left_stytle">拍照</text>
                <img class="image_gallery_style" src="@/assets/icon_camera.png">
            </div>
            <div class="divider_style_text"></div>
            <div class="dialog_div_style">
                <text class="text_left_stytle">浏览</text>
                <img class="image_gallery_style" src="@/assets/icon_browse.png">
            </div>
        </div>

.dialog_div {
    width: 43%;
    height: 92px;
    background-color: #bfbfbf;
    display: inline-grid;
    border-radius: 10px;
    position: relative;
    top: 75%;
}

.dialog_div_style {
    height: 30px;
    justify-content: flex-end;
    flex: 1;
}

.text_left_stytle {
    width: 50%;
    height: 100%;
    text-align: left;
    font-size: 12px;
    float: left;
    display: flex;
    justify-content: left;
    align-items: center;
    color: #515151;
    margin-left: 10px;

}

只是记录自己的学习