大屏

Mr.Zhang

2023-08-21 fe24f2f6ba1f11e4e3768ff120bba6008eb26322

 h5_standard/src/components/newCom/Material.vue

@@ -1,13 +1,17 @@
<template>
    <van-popup
        v-model:show="props.show"
        :close-on-click-overlay="false"
        round
        position="bottom"
        :style="{ height: '80%' }">
        <div class="title">
            <div class="close" @click="close"><van-icon name="arrow-down" size="30" color="#ffffff" /></div>
        </div>
        <div class="content">
            <div class="content_search content_top">
                <div class="title">
                    <img class="close" src="@/assets/icon/ic_close@2x.png" alt="" style="opacity: 0;" />
                    <span>选择物料</span>
                    <img class="close" src="@/assets/icon/ic_close@2x.png" alt="" @click="close" />
                </div>
                <v-Search @searchInput="searchInput" @submit="submit" :isShow="false" placeholder="搜索物料名称"></v-Search>
            </div>
            <div class="content_total">共{{form.total}}条数据</div>
@@ -163,21 +167,6 @@
</script>

<style lang="scss" scoped>
    .title {
        position: fixed;
        right: 50px;
        bottom: 100px;
        z-index: 9;
        .close {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: #999999;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .content {
        .content_code {
            position: fixed;
@@ -197,6 +186,24 @@
            position: sticky;
            top: 88px;
            z-index: 9;
            .title {
                width: 100%;
                padding: 0 0 30px 0;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: space-between;
                span {
                    font-size: 30px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #222222;
                }
                .close {
                    width: 28px;
                    height: 28px;
                }
            }
            .content_search_x {
                height: 24px;
            }
@@ -209,7 +216,7 @@
            color: #666666;
            position: sticky;
            z-index: 99;
            top: 127px;
            top: 195px;
        }
        .content_list {
            width: 100%;