From ad2a98d88f4017e7ce5b61b76657d67aa75ba598 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期六, 11 二月 2023 15:01:38 +0800 Subject: [PATCH] # --- pages.json | 7 +++ pages/pakin/pakin.vue | 50 +++++++++++++++++++++++++ static/css/app.less | 30 +++++++++++++++ pages/index/index.vue | 1 4 files changed, 88 insertions(+), 0 deletions(-) diff --git a/pages.json b/pages.json index a4b9d22..928c788 100644 --- a/pages.json +++ b/pages.json @@ -1,6 +1,12 @@ { "pages": [ //pages鏁扮粍涓涓�椤硅〃绀哄簲鐢ㄥ惎鍔ㄩ〉锛屽弬鑰冿細https://uniapp.dcloud.io/collocation/pages { + "path": "pages/pakin/pakin", + "style": { + "navigationBarTitleText": "缁勬墭" + } + }, + { "path": "pages/login/login", "style": { "navigationBarTitleText": "login" @@ -12,6 +18,7 @@ "navigationBarTitleText": "棣栭〉" } } + ], "globalStyle": { "navigationBarTextStyle": "black", diff --git a/pages/index/index.vue b/pages/index/index.vue index c8a59ab..f209ffc 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -22,6 +22,7 @@ data() { return { elements: [ + { title: '缁勬墭鍏ュ簱', name: 'pakin', diff --git a/pages/pakin/pakin.vue b/pages/pakin/pakin.vue new file mode 100644 index 0000000..91a2118 --- /dev/null +++ b/pages/pakin/pakin.vue @@ -0,0 +1,50 @@ +<template> + <view class="main"> + <view class="item"> + <text>鎵樼洏鐮�</text> + <input type="text" placeholder="鎵爜 / 杈撳叆"> + </view> + <view class="item"> + <text>鍟嗗搧鐮�</text> + <input type="text" placeholder="鎵爜 / 杈撳叆"> + <view class="item-right"> + <text style="text-align: right;">鎻愬彇+</text> + <uni-icons type="right" color="#c1c1c1"></uni-icons> + </view> + </view> + </view> + + <view class="list" v-for="(item,i) in dataList" :key="i"> + <view class="list-left"> + <view>搴忓彿锛�</view><view>{{i}}</view> + <view>缂栫爜锛�</view><view>{{item.matnr}}</view> + <view>鍝佸悕锛�</view><view>{{item.maktx}}</view> + <view>瑙勬牸锛�</view><view>{{item.specs}}</view> + <view>鎵瑰彿锛�</view><view>{{item.batch}}</view> + <view>鏁伴噺锛�</view><view>{{item.cstmr}}</view> + </view> + <view class="list-right"> + + </view> + </view> + +</template> + +<script> + export default { + data() { + return { + dataList: [{}] + } + }, + onLoad() { + + }, + methods: { + } + } +</script> + +<style lang="less"> + @import "../../static/css/app.less"; +</style> \ No newline at end of file diff --git a/static/css/app.less b/static/css/app.less new file mode 100644 index 0000000..000abaf --- /dev/null +++ b/static/css/app.less @@ -0,0 +1,30 @@ +.main { + margin-top: 5rpx; + min-height: 80rpx; + width: 100%; + background-color: #FFF; + display: grid; + justify-items: center; + .item { + height: 80rpx; + width: 90%; + display: grid; + grid-template-columns: 1fr 3fr 1fr; + border-bottom: 1px solid #bbb; + align-items: center; + &-right { + display: grid; + grid-template-columns: 3fr 1fr; + align-items: center; + color: #007aff; + } + } +} +.list { + margin-top: 5rpx; + width: 100%; + min-height: 80rpx; + background-color: #bbb; + display: grid; + grid-template-columns: 120rpx 1fr; +} \ No newline at end of file -- Gitblit v1.9.1