From 4d66e520750f0ea35b33817849b7ee6a25053eb2 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 17 八月 2022 17:02:12 +0800
Subject: [PATCH] #
---
pages/demo/index.vue | 67 +++++++++++++++++++++++++++++++++
1 files changed, 66 insertions(+), 1 deletions(-)
diff --git a/pages/demo/index.vue b/pages/demo/index.vue
index f93ca81..d96117d 100644
--- a/pages/demo/index.vue
+++ b/pages/demo/index.vue
@@ -1,11 +1,76 @@
<template>
<view>
-
+ <view class="home-nav">
+ <view class="home-nav-item" v-for="(item,index) in navs">
+ <view class="nav-icon">
+ <uni-icons :type="item.icon" size="60"></uni-icons>
+ </view>
+ <view class="nav-text">
+ {{item.text}}
+ </view>
+
+ </view>
+ </view>
</view>
</template>
<script>
+ export default{
+ data() {
+ return {
+ navs:[
+ {
+ text:'鍏ュ簱',
+ icon:'download' ,
+ },
+ {
+ text:'鍑哄簱',
+ icon:'upload' ,
+ },
+ {
+ text:'鐩樼偣',
+ icon:'compose' ,
+ },
+ {
+ text:'閫�鍑虹櫥褰�',
+ icon:'close' ,
+ },
+ ]
+ }
+ },
+ methods: {
+
+ }
+ }
</script>
<style>
+ .home-nav {
+ width: 100%;
+ }
+ .home-nav-item {
+ width: 33.33%;
+ height: 0;
+ padding-bottom: 33.33%;
+ margin-top: 1%;
+ border-bottom: 1px solid #cbcbcb;
+ border-right: 1px solid #cbcbcb;
+ display: inline-block;
+ }
+ .home-nav-item:first-child {
+
+ }
+ .nav-icon {
+ width: 60%;
+ height: 0;
+ padding-bottom: 60%;
+ margin: 10% auto;
+ text-align: center;
+ }
+ .nav-text {
+ width: 100%;
+ height: 0;
+ margin-bottom: 20%;
+ text-align: center;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1