..

src/uni-app/src/app/product/product.vue

@@ -0,0 +1,142 @@
+<template>
+	<view id="product">
+		<van-row>
+		  <van-col span="8">span: 8</van-col>
+		  <van-col span="8">span: 8</van-col>
+		  <van-col span="8">span: 8</van-col>
+		</van-row>
+		<br>
+		<van-row>
+		  <van-col span="24">   
+			<van-cell-group>
+			  <van-field v-model="pra" placeholder="请输入用户名" />
+			</van-cell-group>
+		  </van-col>
+		</van-row>
+		<van-row>
+		  <van-col span="24">   
+			<van-cell-group>
+			  <van-field
+			    v-model="userName"
+			    required
+			    clearable
+			    label="用户名"
+			    right-icon="question-o"
+			    placeholder="请输入用户名"
+			    @click-right-icon="$toast('question')"
+			  />
+			
+			  <van-field
+			    v-model="password"
+			    type="password"
+			    label="密码"
+			    placeholder="请输入密码"
+			    required
+			  />
+			</van-cell-group>
+		  </van-col>
+		</van-row>
+		<van-row>
+		  <van-col span="24">   
+			<van-button @touchstart.stop="show = true">
+			  弹出默认键盘
+			</van-button>
+			
+			<van-number-keyboard
+			  :show="show"
+			  extra-key="."
+			  close-button-text="完成"
+			  @blur="show = false"
+			  @input="onInput"
+			  @delete="onDelete"
+			/>
+			
+		  </van-col>
+		</van-row>
+		<van-row>
+		  <van-col span="24">   
+			<van-checkbox v-model="checked">复选框</van-checkbox>
+			<van-checkbox v-model="checked" checked-color="#07c160">复选框</van-checkbox>
+		  </van-col>
+		</van-row>
+		<van-row>
+		  <van-col span="24">   
+			
+		  </van-col>
+		</van-row>
+		<br>
+		<van-row>
+			  <van-col span="24">   
+			  <van-button type="default" @click="query">默认按钮</van-button>
+			  <van-button type="primary" @click="query">主要按钮</van-button>
+			  <van-button type="info">信息按钮</van-button>
+			  <van-button type="warning">警告按钮</van-button>
+			  <van-button type="danger">危险按钮</van-button>
+			  </van-col>
+		
+		</van-row>
+		
+	</view>
+</template>
+
+<script lang="ts">
+	import { defineComponent } from 'vue';
+	import { impersonationService } from '../../shared/auth';
+	import {
+	  IPagedRequestDto,
+	  PagedListingComponentBase,
+	} from '../../shared/component-base';
+	import PermissionTree from '../shared/permission-tree/permission-tree.vue';
+	import {
+	  EntityDtoOfString,
+	  GetUsersInput,
+	  UpdateUserPermissionsInput,
+	  UserListDto,
+	  UserServiceProxy,
+	  IcsFactoryServiceProxy,
+	} from '../../shared/service-proxies';
+	export default {
+		data() {
+			return {
+				pra:'hello world',
+				userName:'',
+				password:'',
+				 show: true,
+				   checked: true,
+				   facService:new IcsFactoryServiceProxy(),
+			}
+		},
+		 onShow() {
+			 
+		 },
+		 onPullDownRefresh: function () {
+		 
+		 },
+		methods: {
+			query(){
+				console.log('查询');
+			},
+		    onInput(value) {
+			  //Toast(value);
+			},
+			onDelete() {
+			 // Toast('delete');
+			}
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+#product {
+  padding-top: 1px;
+  flex-direction: column;
+  justify-content: space-between;
+}
+:deep(.uni-scroll-view-content) {
+  height: calc(100vh - 72px);
+}
+.scroll-area {
+  margin-top: 12px;
+}
+</style>