From f26f29d84e0a68831a6af14dab3eec5500496d2e Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期三, 28 五月 2025 16:48:52 +0800 Subject: [PATCH] 初始化项目 --- pages/wareHouse/outsource/layout.vue | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 111 insertions(+), 0 deletions(-) diff --git a/pages/wareHouse/outsource/layout.vue b/pages/wareHouse/outsource/layout.vue new file mode 100644 index 0000000..8d30da6 --- /dev/null +++ b/pages/wareHouse/outsource/layout.vue @@ -0,0 +1,111 @@ +<template> + <view class="page"> + <u-navbar :title="title" :background="background" :border-bottom="false"> + <view @click="scanClick" class="rightScan" slot="right"> + <image class="i" src="@/static/custom/outsource/scan.png" mode="widthFix"/> + </view> + </u-navbar> + <view class="bigbg"/> + <view class="content"> + <slot /> + </view> + </view> +</template> + +<script> + import content_bg from '@/static/custom/outsource/content_bg.png' + export default { + props:{ + title:{ + default: () => { + return '' + } + } + }, + data() { + return { + background:{ + backgroundImage: `url(${content_bg})`, + backgroundAttachment: 'fixed', + backgroundSize: '100% auto', + backgroundRepeat: 'no-repeat', + } + } + }, + methods: { + scanClick(){ + uni.scanCode({ + success: res => { + try { + this.$emit('scanHandle',res.result) + } catch (e) {} + } + }); + } + } + } +</script> +<style scoped lang="scss"> +.bigbg{ + background-color: #F6F9FF; + background-image: url('~@/static/custom/outsource/content_bg.png'); + // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0)); + padding: 0 20rpx 40rpx; + background-attachment: fixed; + background-size: 100% auto; + background-repeat: no-repeat; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + z-index: -1; +} +.rightScan{ + padding-top: 10px; + padding-right: 5px; + .i{ + width: 45px; + } +} +.content{ + padding: 0 20rpx; +} +::v-deep .formWrap{ + padding-top: 120rpx; + .formBox{ + border-radius: 20rpx; + background-color: #fff; + margin-bottom: 30rpx; + padding: 10rpx 40rpx; + &:first-child{ + background: linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.8) 15%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1)); + } + input{ + text-align: right; + width: 100%; + } + .delBtnWrap{ + text-align:right; + padding: 20rpx 0 10rpx 0; + .delBtn{ + background-color: #E4EBF5; + color: black; + display: inline-block; + width: 65px; + height: 30px; + line-height: 30px; + .icon{ + padding-right: 3px; + } + } + } + } + .form-footer{ + padding: 10px 0; + .btn{ + background-color: #214DED; + box-shadow: 1px 3px 4px rgba(33, 77, 237, 0.5); + } + } +} +</style> \ No newline at end of file -- Gitblit v1.9.3