<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>申请模特</title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<style type="text/css">
.login-div{
margin-top:40px;
}
.login-div input{
height:40px;
width: 90%;
border-radius:0px;
margin-left:20px;
}
.login-btn{
padding: 0px 10px;
text-align: center;
}
.login-btn input{
width:60%;
background: #E71737;
color:#fff;
border:0px;
border-radius:5px;
border:1px solid #e2e2e2;
}
.login-div p{
text-align: center;
margin-top: 20px;
}
.login-div p a{
color:#666;
}
#img_list{
position: absolute;
top:-75px;
padding: 0 5px;
margin-right: 20px;
}
#img_list .img_tmpl{
border: 1px dashed #d8d8d8;
height:66px;
width: 66px;
position: relative;
float:left;
margin-right: 5px;
}
#img_list .img_tmpl .del{
position: absolute;
background: red;
height:16px;
width:16px;
font-size: 22px;
color:#FFFFFF !important;
border-radius: 50%;;
z-index: 9999;
top:-3px;
right:-3px;
}
#img_list .img_tmpl span span{
position: relative;
top:-15.5px;
left:4.5px;
}
#img_list .img_tmpl img{
width: 55px;
height:55px;
position: absolute;
top:4px;
left:4px;
}
.add_img{
text-align: center;
line-height: 50px;
font-size: 50px;
color:#666;
}
.add_img span{
position: relative;
top:7px;
left:-2px;
}
.cjqs-nav{
position: absolute;
width:100%;
height:0px;
line-height: 45px;
background: #fff;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav public-nav-bgcolor ">
<h1 class="mui-title">成为模特</h1>
</header>
<div class="mui-content" style="height: 55px; margin-top: 100px;">
<div class="cjqs-nav">
<div id="img_list">
<div class="img_tmpl add_img" id="add_img"><span>+</span></div>
</div>
</div>
</div>
<div class="mui-content cell" >
<div class="login-div" id="dd" style=" margin-top:-30px;display: block;">
<input type="text" name="post_title" placeholder="输入昵称"/>
<input id="name" name="post_weight" type="text" placeholder="输入体重"/>
<input id="tall" name="post_high" type="text" placeholder="输入身高"/>
<input id="age" name="post_age" type="text" placeholder="输入年龄"/>
<input id="chest" name="post_chest" type="text" placeholder="输入胸围"/>
<input id="waist" name="post_waist" type="text" placeholder="输入腰围"/>
<input id="hobbies" name="post_excerpt" type="text" placeholder="输入兴趣爱好"/>
<input id="intod" name="post_content" type="text" placeholder="输入自我介绍"/>
<input id="price" name="post_price" type="text" placeholder="请输入价格"/>
<input id="idcard" name="idcard" type="text" placeholder="身份证号码"/>
<div class="login-btn">
<input id="input1" type="button" value="申请" />
</div>
<!--<div class="login-btn">
<input id="load" type="button" value="上传照片" />
</div> -->
</div>
<div class="mui-content show" id="tt" style=" margin-top: 70px;margin-left: 20%;display: none;" >
<img src="images/zhuce.png" >
<p style="margin-left:13%">您已经是模特无需注册</p>
</div>
</div>
</body>
</html>
<script src="js/castapp.js"></script>
<script src="js/jquery.min.js"></script>
<script>
//初始化castapp；
ca.init({keyEventBind: {
backbutton: false //关闭back按键监听
}});
var img_list = ca.id('img_list');
click_add_img();
function click_add_img(){
var add_img = ca.id('add_img');
add_img.addEventListener('tap',function(){
var arr = ['相册'];
var userid =localStorage.getItem('user');
var token = localStorage.getItem('token');
ca.actionSheet(arr,{
succFn:function(data){
console.log(JSON.stringify(data));
//拿到这个图片的预览地址并且显示出来
var img_url = 'http://www.nchytz.com'+data.preview_url;
var img_tmpl = '<div class="img_tmpl">'
+' <span class="del"><span>-</span></span>'
+' <img src="'+img_url+'" alt="" />'
+'<input type="text" name="photo" value="'+data.filepath+'" />'
+'</div>';
var olg_html = img_list.innerHTML;
img_list.innerHTML = img_tmpl + olg_html;
check_img_length();
del_event();
},
isUpload:true,
uploadUrl:'http://www.nchytz.com/index.php?g=api&m=user&a=upload&user_id='+userid+'&access_token='+token+'',
})
});
}
ca.receiveNotice('update_user',function(event){
var userid = event.detail.userid;
var token =event.detail.token;
var status =event.detail.status;
localStorage.setItem('userid',userid);
localStorage.setItem('token',token);
localStorage.setItem('status',status);
});
var userid =localStorage.getItem('userid');
var token = localStorage.getItem('token');
var status =localStorage.getItem('status');
// if (status !=1) {
// jumplogin();
// }
// else
// {
// //判断是不是模特
// ca.get({
// url:'http://pay.a-wedding.cn/index.php?g=api&m=user&a=userinfo&user_id='+userid+'&access_token='+token+'',
// data:{ },
// succFn:function(data)
// {
// console.log(data);
// var data =JSON.parse(data);
// var Dshow = ca.id('dd');
// var sshow =ca.id('tt');
// if(data.data.object_id)
// {console.log(data.data.object_id);
// Dshow.style.display='none';
// sshow.style.display='block';
// }
// }
// });
//
// };
//获取input标签
var mess=ca.tagName('input');
var btn = ca.id('input1');
var load=ca.id('load');
//监听申请点击事件,上传模特数据成功后改变页面样式
btn.addEventListener('tap',function(){
var param={
post_title:$("input[name=post_title]").val(),
post_age:$("input[name=post_age]").val(),
post_high:$("input[name=post_high]").val(),
post_content:$("input[name=post_content]").val(),
idcard:$("input[name=idcard]").val(),
post_weight:$("input[name=post_weight]").val(),
post_excerpt:$("input[name=post_excerpt]").val(),
post_chest:$("input[name=post_chest]").val(),
post_waist:$("input[name=post_waist]").val(),
post_price:$("input[name=post_price]").val(),
};
var photos=[];
$("input[name=photo]").each(function(){
photos.push({url:$(this).val(),alt:''});
});
param.photo=JSON.stringify(photos);
console.debug(JSON.stringify(param.photo))
if(param.photo.length<3){
ca.prompt("至少上传3张照片");
return ;
}
if(param.post_title==''){
ca.prompt("请输入昵称");return ;
}
if(param.post_weight==''){
ca.prompt("请输入体重");return ;
}
if(param.post_high==''){
ca.prompt("请输入身高");return ;
}
if(param.post_age==''){
ca.prompt("请输入年龄");return ;
}
if(param.post_chest==''){
ca.prompt("请输入胸围");return ;
}
if(param.post_waist==''){
ca.prompt("请输入腰围");return ;
}
if(param.post_excerpt==''){
ca.prompt("请输入兴趣爱好");return ;
}
if(param.post_content==''){
ca.prompt("请输入自我介绍");return ;
}
if(param.post_price==''){
ca.prompt("请输入价格");return ;
mui 案例 社交APP
2星 需积分: 25 31 浏览量
2017-07-22
14:48:11
上传
评论 4
收藏 283KB ZIP 举报 
约妹子.zip （49个子文件） 
约妹子 
manifest.json 4KB .project 1KB
index.html 3KB home.html 4KB model.html 8KB about.html 2KB images 
jiage.png 4KB tuikuan.png 4KB phone.png 3KB sfz.png 4KB shenggao.png 5KB pay.png 3KB shouji.png 6KB shiping.png 5KB shenfen.png 6KB touxiang.png 6KB tuisucess.png 4KB xqah.png 6KB meili.png 7KB zhifu.png 5KB zhuce.png 5KB img mregister.html 10KB js poppicker.js 4KB mui.js 225KB mui.min.js 110KB picker.js 11KB jquery.min.js 85KB base.js 660B castapp.js 45KB common.js 30KB meili.html 698B shouye.html 792B register.html 4KB login.html 4KB fonts mui.ttf 29KB list.html 4KB guide.html 7KB css poppicker.css 1KB mui.min.css 74KB app.css 579B cui.css 15KB aries.css 838B mui.css 94KB picker.css 2KB style.css 4KB refund.html 2KB ihome.html 4KB unpackage .confirmed_dependencies 1KB .dependencies 4B资源评论
zbjfei2018-07-20里面的api不能用 整个布局不能出来 只有下面的导航栏 gg
huahua1282018-12-19不给力，也遇到资源整个布局有问题
