add 上下分段的背景图

src/components/background-basic/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

src/components/background-basic/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <View style="top: 0; bottom: 0; z-index: -1020">
+    <View style="z-index: -1010; top: 0" className='position-absolute'>
+      <Image :src="require('./background-upper.jpg')" mode='widthFix' style="width: 100vw"/>
+    </View>
+    <View style="z-index: -1010; bottom: 0" className='position-absolute d-flex justify-content-end'>
+      <Image :src="require('./background-lower.jpg')" mode='aspectFill' style="width: 100vw"/>
+    </View>
+  </View>
+</template>