写个基于uView2的科技风格页面弹窗，点击原页面一个按钮后弹出内容有个标题、下拉列表、步进器、确认按钮

好的，以下是一个基于 uView2 的科技风格页面弹窗的示例：

<template>
  <u-popup :visible.sync="showPopup" :position="'bottom'">
    <div class="popup-header">科技风格页面弹窗</div>
    <div class="popup-body">
      <u-form @submit.prevent="onSubmit">
        <u-form-item label="标题">
          <u-input v-model="form.title" placeholder="请输入标题"></u-input>
        </u-form-item>
        <u-form-item label="下拉列表">
          <u-select v-model="form.select" :options="options"></u-select>
        </u-form-item>
        <u-form-item label="步进器">
          <u-stepper v-model="form.stepper" :min="1" :max="10"></u-stepper>
        </u-form-item>
        <u-button type="primary" native-type="submit">确认</u-button>
      </u-form>
    </div>
  </u-popup>
</template>

<script>
export default {
  data() {
    return {
      showPopup: false,
      form: {
        title: '',
        select: '',
        stepper: 1
      },
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ]
    }
  },
  methods: {
    onSubmit() {
      // 提交表单
      console.log(this.form)
      // 关闭弹窗
      this.showPopup = false
    }
  }
}
</script>

<style>
.popup-header {
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  border-bottom: 1px solid #ddd;
}

.popup-body {
  padding: 16px;
}
</style>

在这个示例中，我们使用了 `u-popup` 弹窗组件来展示页面弹窗，包括了一个标题、一个下拉列表、一个步进器和一个确认按钮。其中，`u-form` 表单组件用来包裹表单元素，`u-form-item` 表单项组件用来包裹每个表单元素，`u-input` 输入框组件用来输入标题，`u-select` 下拉列表组件用来选择选项，`u-stepper` 步进器组件用来选择数量，`u-button` 按钮组件用来提交表单。

你可以根据自己的需求修改每个组件的属性和样式。