From 6c9cbdf482ce1330704dc635c510ec51a1115a9f Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期一, 18 三月 2024 16:52:29 +0800
Subject: [PATCH] #
---
pages/basics/demo.vue | 138 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 138 insertions(+), 0 deletions(-)
diff --git a/pages/basics/demo.vue b/pages/basics/demo.vue
new file mode 100644
index 0000000..bd0cdf2
--- /dev/null
+++ b/pages/basics/demo.vue
@@ -0,0 +1,138 @@
+<template>
+ <view>
+
+ <view class="square-2">
+ <view class="square-title">
+ <view class="title-sign"><view class="sign"></view></view>
+ <view class="title-text"><text>娌℃湁鎸夐挳</text></view>
+ </view>
+ <view class="square-content">
+ <view class="content-input">
+ <input type="text" v-model="yyds" placeholder="鎵爜 / 杈撳叆" @input="find" :focus="focus">
+ <uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
+ </view>
+ </view>
+ </view>
+ <checkbox-group >
+ <view v-for="(item,index) in staNoList" :key="index" class="data-list " >
+ <view class="data-list-left">
+ <view class="matnr">{{item}}</view>
+ </view>
+ </view>
+ </checkbox-group>
+ <view class="square-2">
+ <view class="square-title">
+ <view class="title-sign"><view class="sign"></view></view>
+ <view class="title-text"><text>鍙充晶鎸夐挳</text></view>
+ </view>
+ <view class="square-content">
+ <view class="content-input-btn">
+ <input type="text">
+ <uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
+ </view>
+ <view class="content-btn">
+ <button class="cu-btn bg-blue pda-btn">鎻愬彇</button>
+ </view>
+ </view>
+ </view>
+
+ <view class="square-3">
+ <view class="square-title">
+ <view class="title-sign"><view class="sign"></view></view>
+ <view class="title-text"><text>宸︿晶涓嬫媺</text></view>
+ </view>
+ <view class="square-content">
+ <view class="content-combox">
+
+ <uni-combox emptyTips="鏆傛棤鏁版嵁" :candidates="staNoList" v-model="staNo" placeholder="绔欏彴鍙�"></uni-combox>
+ </view>
+
+ </view>
+ <view class="square-content">
+ <view class="content-input-combox">
+ <input type="text">
+ <uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
+ </view>
+ </view>
+ </view>
+
+ <view class="square-1">
+ <view class="square-title">
+ <view class="title-sign"><view class="sign"></view></view>
+ <view class="title-text"><text>鍟嗗搧鍒楄〃</text></view>
+ </view>
+ </view>
+
+ <view class="square-none">
+ <view class="v-show">鏆傛棤鏇村鏁版嵁...</view>
+ </view>
+ <!-- 鍟嗗搧鍒楄〃 -->
+ <view>
+ <view></view>
+ </view>
+ <!-- 琛ㄥ崟 -->
+ <view class="square-form">
+ <view class="form-title">
+ <text>缁撴潫鏃堕棿</text>
+ </view>
+ <view class="form-input">
+ <input type="text" placeholder="璇疯緭鍏�...">
+ </view>
+ </view>
+ <!-- 琛ㄥ崟蹇呭～ -->
+ <view class="square-form">
+ <view class="form-title">
+ <text>缁撴潫鏃堕棿</text>
+ </view>
+ <view class="form-input">
+ <input type="text" placeholder="璇疯緭鍏�...">
+ </view>
+ </view>
+ <!-- 鎼滅储妗� -->
+ <view class="square-1">
+ <view class="searchBox">
+ <view class="searchIcon"><uni-icons type="search" size="20" color="#dadada"></uni-icons></view>
+ <view class="searchArea"><input type="text" placeholder=" 璇疯緭鍏�"></view>
+ <view class="closeIcon"><uni-icons type="closeempty" size="20" color="#dadada"></uni-icons></view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ staNoList:[],
+ staNo:'',
+ yyds:'',
+ focus:''
+ }
+ },
+ onLoad() {
+ // #ifdef APP
+ setInterval(()=>{
+ uni.hideKeyboard()
+ },20)
+ // #endif
+ },
+ methods:{
+ find(){
+ this.staNoList.push(this.yyds);
+
+
+ this.focus = false;
+ setTimeout(()=>{
+ this.yyds ='';
+ this.focus = true;
+ console.log(this.yyds ,'1')
+ }, 50);
+ }
+ }
+ }
+
+</script>
+
+<style>
+
+</style>
--
Gitblit v1.9.1