|
登录后查看更多内容,推荐微信扫码快速登录
您需要 登录 才可以下载或查看,没有帐号?注册
x
扫码体验:
效果图如下:
工程文件
app.json
- {
- "pages":[
- "pages/index/index",
- "pages/card/card",
- "pages/replace/replace",
- "pages/addCard/addCard",
- "pages/ucard/ucard",
- "pages/logs/logs",
- "pages/contactUser/contactUser",
- "pages/resource/resource"
- ],
- "window":{
- "backgroundTextStyle":"dark",
- "navigationBarBackgroundColor": "#000000",
- "navigationBarTitleText":"名片夹",
- "backgroundColor": "#FFFFFF",
- "navigationBarTextStyle":"white",
- "enablePullDownRefresh":"true"
- },
- "tabBar":{
- "color":"#8B8888",
- "selectedColor":"#2EBAEE",
- "backgroundColor":"#FFFFFF",
- "borderStyle":"black",
- "list":[{
- "pagePath":"pages/index/index",
- "text":"我的名片",
- "iconPath":"image/2.png",
- "selectedIconPath":"image/22.png"
- },{
- "pagePath":"pages/card/card",
- "text":"名片夹",
- "iconPath":"image/3.png",
- "selectedIconPath":"image/33.png"
- }]
- }
- }
复制代码 index.wxml
- <!--index.wxml-->
- <!--这是用户信息缺失的页面-->
- <view class="container1" style="display:{{index1}}">
- <image src="../../image/list.png" class="img"></image>
- <view class="font">你还没有名片哦,赶快来做一张吧</view>
- <view class="curl" bindtap="curls">去做一张</view>
- </view>
- <!--这是用户信息完善的页面-->
- <view class="container"style="display:{{index2}}">
- <!--头部开始-->
- <view class="card-top">
- <view class="name">{{userDetail.username}}</view>
- <image src="{{userInfo.avatarUrl}}" class="images"></image>
- <view class="type">职位
- <view class="position">{{userDetail.position}}</view>
- </view>
- <view class="type">电话
- <view class="phone" id="{{userDetail.phone}}" bindtap="cphone">{{userDetail.phone}}</view>
- </view>
- <view class="type">公司
- <view class="nickname">{{userDetail.company}}</view>
- </view>
- <view class="type">邮箱
- <view class="email">{{userDetail.email}}</view>
- </view>
- </view>
- <view class="center">
- <view class="centers" bindtap="resource1">
- <image class="src srcs" src="../../image/renqi2.png"></image>
- <view class="space">人气<text class="character">:</text>{{userDetail.browse}}</view>
- </view>
- <view class="centers" bindtap="resource2">
- <image class="src" src="../../image/like2.png"></image>
- <view class="space">赞<text class="character">:</text>{{userDetail.likes}}</view>
- </view>
- <view class="centers" bindtap="resource3">
- <image class="src" src="../../image/coll2.png"></image>
- <view class="space">收藏<text class="character">:</text>{{userDetail.coll}}</view>
- </view>
- </view>
- <view class="bottom">
- <view class="more">更多</view>
- <view class="post" placeholder="{{userDetail.more}}">{{userDetail.more}}</view>
- </view>
- <!--<view><image src="src"></image>面对面扫名片</view>-->
- <!--<navigator bindtap="ShareCard" class="button button-first">递名片</navigator>-->
- <navigator url="../ucard/ucard" class="button button-first">编辑名片</navigator>
- <view class="reminder">点击右上角,可以分享你的名片哦.</view>
- <view class="reminder">再次使用:发现-小程序-搜索“Boss名片”</view>
- <image src="../../image/kefu.png" bindtap="lianxikefu" class="kefu"></image>
- <text class="lianxi">联系客服</text>
- </view>
复制代码 项目是可以直接运行的带SQL
下载地址:
|
|