| | |
| | | <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> |
| | |
| | | </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; |
| | |
| | | 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; |
| | | } |
| | |
| | | color: #666666; |
| | | position: sticky; |
| | | z-index: 99; |
| | | top: 127px; |
| | | top: 195px; |
| | | } |
| | | .content_list { |
| | | width: 100%; |