From 4ebe4b1101f40d65ec4ad32ff4f8ba9f7c41b8e0 Mon Sep 17 00:00:00 2001 From: jt <jt@activesoft.com.cn> Date: 星期五, 10 五月 2024 14:16:47 +0800 Subject: [PATCH] test --- test.vue | 234 ++++++++++++++++++++++++++++++++++++---------------------- 1 files changed, 145 insertions(+), 89 deletions(-) diff --git a/test.vue b/test.vue index 6c92f23..e49050c 100644 --- a/test.vue +++ b/test.vue @@ -1,97 +1,153 @@ <template> - <view class="content"> - <view class="v-area"> - <div class="class_attr_title"> - <div class="title_line"></div> - <div class="title_icon" style="background-color:#0;"> - <i class="ace-icon fa fu-Function"></i> - </div> - <span class="title">鍩烘湰灞炴�</span> - <a href="javascript:;" class="arrow"><i class="ace-icon fa fa-angle-down"></i></a> - </div> - <div class="class_attr_body" style=""> - <div class="dv_field_div"> - - <div class="form-group" style=""> - <label class="col-xs-12 no-padding-right" for="">娴嬭瘯锛�- <div class="pull-right text-right" style=" margin-right: 12px;"> - <a href="#" class="class_attr_ext_button" data-click-button="" data-button-callback="" title=""> - <i class="ace-icon fa fa-plus-circle"></i> - </a> - </div> - </label> - <div class="col-xs-12"> - <input type="text" class="form-control attr_field focuscls" data-index="" style="" data-field="" data-type="" data-noempty=""> - <textarea class="form-control attr_field focuscls" data-index="" style="height:60px;" data-field="" data-type="" data-noempty=""></textarea> - <textarea class="form-control attr_field focuscls" data-index="" style="height:90px;" data-field="" data-type="" data-noempty=""></textarea> - - <view class="section section_gap"> - <checkbox-group class="check_rememberPwd" change=""> - <label> - <checkbox value="1" checked=""/> - <text>璁颁綇瀵嗙爜</text> - </label> - </checkbox-group> - </view> - <view class="section"> - <view class="section__title">鏃ユ湡:</view> - <picker mode="date" value="test" bindchange="bindDateChange" class="section__iput"> - <view class="picker">test</view> - </picker> - </view> - <view class="uni-form-item uni-column"> - <picker @change="onchange" :range="examinationTypeArray"> - <label class="">{{ ItemType }}</label> - </picker> - </view> - </div> - </div> - - </div> - </div> + <!-- 鐗堟湰鍗囩骇寮圭獥寮� --> + <uni-popup ref="promotion" type="center"> + <view class="promotion"> + <view class="operates" v-if="showBtns==true"> + <text @click="cancel">鍙栨秷</text> + <text @click="sure">纭</text> + </view> + <view class="operates" v-else> + <cmd-progress :percent="percentage" stroke-color="linear-gradient(to right, #ef32d9, #89fffd)"></cmd-progress> + </view> </view> - - </view> - + </uni-popup> + <!-- 鐗堟湰鍗囩骇寮圭獥缁撴潫 --> </template> -<script> - export default { - data() { - return { - title: '鏂板', - ItemType: '璇烽�鎷�, - examinationTypeArray: ['璇烽�鎷�, '11111', '22222', '33333', '44444'], - examinationTypeIndex: 0, - - } - }, - onLoad(options) { - console.log(options); - }, - methods: { - ontap(e){ //鎵爜鍔熻兘 - console.log(e.target) - getApp().onScan((result)=>{ - console.log(result.decodedata); - this.$data.classAttrList[e.target.dataset['key']]=result.decodedata; - }) - }, - onchange(e) { - console.log(e.target) - // this.$data.examinationTypeIndex = e.target.value; - // this.$data.classAttrList[] = this.examinationTypeArray[this.examinationTypeIndex]; - }, - addresschange(e) { - // this.txt = e.data.join('') - console.log(e.data.join('')) - }, - - } - } -</script> +// <script> +// import cmdProgress from "@/components/cmd-progress/cmd-progress.vue" //杩涘害鏉�+// export default { +// components: { +// cmdProgress +// }, +// data() { +// return { +// downloadUrl: "", //瀹夊崜app涓嬭浇閾炬帴 +// percentage: 0, //涓嬭浇杩涘害 +// showBtns: true, +// } +// }, +// onShow() { +// this.query(); //鐗堟湰鍗囩骇 +// }, +// watch: { +// //鐩戝惉杩涘害鏉�+// percentage(e) { +// if (e >= 100) { +// this.$refs.promotion.close() +// } +// } +// }, +// methods: { +// //鏌ヨ褰撳墠鐗堟湰鍙�+// query() { +// //#ifdef APP-PLUS +// plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => { +// var version = wgtinfo.version //瀹㈡埛绔増鏈彿 +// this.check(version) //妫�祴鏄惁闇�鏇存柊 +// }) +// //#endif +// }, +// //妫�祴鏄惁闇�鏇存柊 +// async check(version) { +// let res = await edition.edition(); +// let resp = res.data; +// if (resp) { +// const obj = resp.data.filter(item => { +// return item.groupName == 'version' +// }) +// //鑾峰彇褰撳墠鐗堟湰鍙�+// const versionNum = obj[0].title //鏈嶅姟绔増鏈彿 +// this.downloadUrl = obj[0].content //app涓嬭浇閾炬帴 +// if (version != versionNum) { +// this.$refs.promotion.open(); +// } else { +// console.log('褰撳墠宸叉槸鏈�柊鐗堟湰') +// } +// } +// }, +// //纭鏇存柊 +// sure() { +// //鍏抽棴鎸夐挳 +// this.showBtns = false; +// let sys = uni.getSystemInfoSync().platform //妫�煡绯荤粺 +// if (sys == 'ios') { +// // this.getIosInfo() +// } else if (sys == "android") { +// this.updateAPP() // 璋冪敤涓嬭浇鏂规硶app鍐呬笅杞�+// } +// }, +// //鍙栨秷鏇存柊 +// cancel() { +// this.$refs.promotion.close(); +// }, +// // //閾炬帴鑻规灉鍟嗗簵涓嬭浇 +// // getIosInfo() { +// // let appleId = 鈥滀綘鐨刟ppid鈥�+// // plus.runtime.launchApplication({ +// // action: "itms-apps://itunes.apple.com/cn/app/id" + appleId + "?mt=8" +// // }, function(e) { +// // console.log('Open system default browser failed: ' + e.message); +// // }); +// // }, +// //瀹夊崜鏇存柊 +// updateAPP() { +// let _this = this; +// let url = this.downloadUrl; +// // 瀹樻柟API +// var dtask = plus.downloader.createDownload(url, {}, function(d, status) { -<style> + +// //d涓轰笅杞界殑鏂囦欢瀵硅薄 +// if (status == 200) { +// //涓嬭浇鎴愬姛,d.filename鏄枃浠跺湪淇濆瓨鍦ㄦ湰鍦扮殑鐩稿璺緞锛屼娇鐢ㄤ笅闈㈢殑API鍙浆涓哄钩鍙扮粷瀵硅矾寰�+// var fileSaveUrl = plus.io.convertLocalFileSystemURL(d.filename); +// plus.runtime.openFile(d.filename); //閫夋嫨杞欢鎵撳紑鏂囦欢 +// uni.showToast({ +// icon: 'none', +// title: '鏇存柊鎴愬姛' +// }) +// } else { +// //涓嬭浇澶辫触 +// plus.downloader.clear(); //娓呴櫎涓嬭浇浠诲姟 +// uni.showToast({ +// icon: 'none', +// title: '鏇存柊澶辫触' +// }) +// } +// }) +// //寮�涓嬭浇 +// dtask.start(); +// //鐩戝惉涓嬭浇杩涘害 +// dtask.addEventListener('statechanged', function(task) { +// _this.percentage = parseInt( +// (parseFloat(task.downloadedSize) / +// parseFloat(task.totalSize)) * +// 100 +// ); +// if (_this.percentage == 100) { +// this.$refs.promotion.close(); +// } +// // console.log('涓嬭浇杩涘害锛� + _this.percentage) +// }) +// }, +// } +// </script> + + .fn_yousanjiao{ + position: relative; + } + .fn_yousanjiao::after{ + position: absolute; + display: block; + content: ''; + z-index: 1; + transform: rotate(-45deg); + left: -10px; + top: -10px; + border: 10px solid; + border-color: transparent transparent red; + } .class_attr_title { font-size: 34rpx; padding-bottom: 22rpx; -- Gitblit v1.9.1