forked from umicro/uView2.0
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
11 changed files
with
717 additions
and
711 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,99 +1,108 @@ | ||
| <template> | ||
| <view class="nav-wrap"> | ||
| <view class="nav-title"> | ||
| <u--image :showLoading="true" src="https://cdn.uviewui.com/uview/common/logo.png" width="70px" height="70px"/> | ||
| <view class="nav-info"> | ||
| <text class="nav-title__text" @tap="jumpToWx"> | ||
| uView 2.0 | ||
| <template> | ||
| <view class="nav-wrap"> | ||
| <view class="nav-title"> | ||
| <u--image :showLoading="true" src="https://cdn.uviewui.com/uview/common/logo.png" width="70px" | ||
| height="70px" /> | ||
| <view class="nav-info"> | ||
| <view class="nav-info__title"> | ||
| <text class="nav-info__title__text" @tap="jumpToWx">uView 2.0</text> | ||
| <!-- #ifdef MP-WEIXIN --> | ||
| <!-- uni-app不支持text内部的text组件的tap事件，所以放到外部响应tap --> | ||
| <text class="nav-jump">查看1.x演示</text> | ||
| <text class="nav-info__title__jump">查看1.x演示</text> | ||
| <!-- #endif --> | ||
| </text> | ||
| <text class="nav-slogan">多平台快速开发的UI框架</text> | ||
| </view> | ||
| </view> | ||
| <text class="nav-desc">{{desc}}</text> | ||
| </view> | ||
| </template> | ||
|
|
||
| <script> | ||
| export default { | ||
| props: { | ||
| desc: String, | ||
| title: String, | ||
| }, | ||
| methods: { | ||
| jumpToWx() { | ||
| // #ifdef MP-WEIXIN | ||
| uni.navigateToMiniProgram({ | ||
| appId: 'wx3be833c4a263e0c2' | ||
| }) | ||
| // #endif | ||
| } | ||
| }, | ||
| } | ||
| </script> | ||
|
|
||
| <style lang="scss" scoped> | ||
| .nav-wrap { | ||
| padding: 15px; | ||
| position: relative; | ||
| } | ||
| .lang { | ||
| position: absolute; | ||
| top: 15px; | ||
| right: 15px; | ||
| } | ||
| .nav-title { | ||
| /* #ifndef APP-NVUE */ | ||
| display: flex; | ||
| /* #endif */ | ||
| flex-direction: row; | ||
| align-items: center; | ||
| justify-content: flex-start; | ||
| } | ||
| .nav-info { | ||
| </view> | ||
| <text class="nav-slogan">多平台快速开发的UI框架</text> | ||
| </view> | ||
| </view> | ||
| <text class="nav-desc">{{desc}}</text> | ||
| </view> | ||
| </template> | ||
|
|
||
| <script> | ||
| export default { | ||
| props: { | ||
| desc: String, | ||
| title: String, | ||
| }, | ||
| methods: { | ||
| jumpToWx() { | ||
| // #ifdef MP-WEIXIN | ||
| uni.navigateToMiniProgram({ | ||
| appId: 'wx3be833c4a263e0c2' | ||
| }) | ||
| // #endif | ||
| } | ||
| }, | ||
| } | ||
| </script> | ||
|
|
||
| <style lang="scss" scoped> | ||
| .nav-wrap { | ||
| padding: 15px; | ||
| position: relative; | ||
| } | ||
| .lang { | ||
| position: absolute; | ||
| top: 15px; | ||
| right: 15px; | ||
| } | ||
| .nav-title { | ||
| /* #ifndef APP-NVUE */ | ||
| display: flex; | ||
| /* #endif */ | ||
| flex-direction: row; | ||
| align-items: center; | ||
| justify-content: flex-start; | ||
| } | ||
| .nav-info { | ||
| margin-left: 15px; | ||
| } | ||
| .nav-title__text { | ||
| /* #ifndef APP-NVUE */ | ||
| display: flex; | ||
| /* #endif */ | ||
| color: $u-main-color; | ||
| font-size: 25px; | ||
| font-weight: bold; | ||
| align-items: flex-end; | ||
| } | ||
| .nav-jump { | ||
| font-size: 12px; | ||
| color: $u-primary; | ||
| font-weight: normal; | ||
| margin-left: 20px; | ||
| } | ||
| .logo { | ||
| width: 70px; | ||
| height: 70px; | ||
| /* #ifndef APP-NVUE */ | ||
| height: auto; | ||
| /* #endif */ | ||
| } | ||
| .nav-slogan { | ||
| color: $u-tips-color; | ||
| font-size: 14px; | ||
| } | ||
| .nav-desc { | ||
| margin-top: 10px; | ||
| font-size: 14px; | ||
| color: $u-content-color; | ||
| line-height: 20px; | ||
| } | ||
| &__title { | ||
| /* #ifndef APP-NVUE */ | ||
| display: flex; | ||
| /* #endif */ | ||
| flex-direction: row; | ||
| align-items: center; | ||
| &__text { | ||
| /* #ifndef APP-NVUE */ | ||
| display: flex; | ||
| /* #endif */ | ||
| color: $u-main-color; | ||
| font-size: 25px; | ||
| font-weight: bold; | ||
| text-align: left; | ||
| } | ||
| &__jump { | ||
| font-size: 12px; | ||
| color: $u-primary; | ||
| font-weight: normal; | ||
| margin-left: 20px; | ||
| } | ||
| } | ||
| } | ||
| .logo { | ||
| width: 70px; | ||
| height: 70px; | ||
| /* #ifndef APP-NVUE */ | ||
| height: auto; | ||
| /* #endif */ | ||
| } | ||
| .nav-slogan { | ||
| color: $u-tips-color; | ||
| font-size: 14px; | ||
| } | ||
| .nav-desc { | ||
| margin-top: 10px; | ||
| font-size: 14px; | ||
| color: $u-content-color; | ||
| line-height: 20px; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.