封装首页控件

Author: suibingyue

.idea/.name

@@ -0,0 +1,43 @@
+
+
+var React = require('react-native');
+var Swiper = require('react-native-swiper');
+var Loading = require('../loading');
+var Web = require('../web');
+var Styles = require('./style');
+
+var {
+    Image,
+    TouchableHighlight,
+    } = React;
+
+//参数的传递使用props
+var Slider = React.createClass({
+
+    _loadWeb:function(title,loadurl){
+        this.props.navigator.push({
+            title: title,
+            component: Web,
+            passProps:{
+                url: loadurl,
+            }
+        });
+    },
+
+    render: function(){
+        var thiz = this;
+        return (
+            <Swiper style={Styles.wrapper} showsButtons={false} autoplay={true} height={125} showsPagination={false}>
+                {this.props.banners.map(function(banner){
+                    return (
+                        <TouchableHighlight onPress={()=>thiz._loadWeb(banner.title,banner.url)}>
+                            <Image style={[Styles.slide,]} source={{uri: banner.image_path}}></Image>
+                        </TouchableHighlight>
+                    );
+                })}
+            </Swiper>
+        );
+    }
+});
+
+module.exports = Slider;

.idea/bqseller.iml

@@ -0,0 +1,48 @@
+'use strict';
+
+var React = require('react-native');
+var Styles = require('./style');
+
+var Web = require('../web');
+
+var {
+    View,
+    Image,
+    TouchableHighlight,
+    } = React;
+
+var ADViews = React.createClass({
+
+    _loadWeb:function(title,loadurl){
+        this.props.navigator.push({
+            title: title,
+            component: Web,
+            passProps:{
+                url: loadurl,
+            }
+        });
+    },
+
+    render: function() {
+        var advViews = [];
+        var advs = this.props.advs;
+        for(var i = 0; i < advs.length; i++){
+            var ad = advs[i];
+            advViews.push(
+                <TouchableHighlight onPress={()=>this._loadWeb(ad.title,ad.url)}>
+                    <View>
+                        <View style={{height:10,backgroundColor:'#eef0f3'}} />
+                        <Image style={[Styles.adv]} source={{uri:advs[i].image_path}} />
+                    </View>
+                </TouchableHighlight>
+            );
+        };
+        return (
+            <View >
+                {advViews}
+            </View>
+        );
+    }
+});
+
+module.exports = ADViews;

.idea/jsLibraryMappings.xml

@@ -0,0 +1,79 @@
+'use strict';
+var React = require('react-native');
+var Util = require('../../util/util');
+var {
+    View,
+    Text,
+    StyleSheet,
+    TouchableHighlight,
+    Image,
+    } = React;
+
+//每个单项组件
+var ItemBlock = React.createClass({
+    render: function() {
+
+        var item = this.props.service;
+        return (
+            <View style={[styles.itemBlock]}>
+                <Image style={[styles.image]} source={{uri: item.icon}}></Image>
+                <Text style={[styles.font18]}>{item.title}</Text>
+            </View>
+        );
+    }
+});
+
+var BqService = React.createClass({
+    render: function(){
+        var collumnNum = this.props.collumnNum;
+        var services = this.props.services;
+        var itemWidth = Math.floor(Util.size.width/collumnNum);
+        var size ={
+            width:itemWidth,
+            height: itemWidth*0.75,
+        };
+
+        var itemviews = [];
+
+        for(var ii = 0;ii<services.length;ii++){
+            itemviews.push(
+                <View style={[styles.center,size]}>
+                    <ItemBlock service={services[ii]} />
+                </View>
+            );
+        }
+
+        return(
+            <View style={styles.container}>
+                {itemviews}
+            </View>
+            );
+    },
+});
+
+var styles = StyleSheet.create({
+    container:{
+        flexDirection:'row',
+        flexWrap:'wrap',
+    },
+    center:{
+        justifyContent:'center',
+        alignItems:'center',
+    },
+    itemBlock:{
+        //backgroundColor:'red',
+        borderRadius:5,
+    },
+    font18:{
+        fontSize:14,
+        color:'#333333',
+        marginTop:5,
+    },
+    image: {
+        width:50,
+        height:50,
+        resizeMode: Image.resizeMode.contain,
+    },
+});
+
+module.exports = BqService;

.idea/libraries/bqseller_node_modules.xml

@@ -0,0 +1,114 @@
+'use strict';
+var React = require('react-native');
+var Util = require('../../util/util');
+var {
+    View,
+    Text,
+    StyleSheet,
+    TouchableHighlight,
+    Image,
+    } = React;
+
+//每个单项组件
+var Product = React.createClass({
+    render: function() {
+
+        var item = this.props.data;
+        var itemWidth =this.props.itemWidth;
+        var itemsize ={
+            width:itemWidth,
+        };
+        var imagesize ={
+            width:itemWidth-10,
+            height: itemWidth-10,
+        };
+        return (
+            <View style={[styles.itemBlock,itemsize]}>
+                <Image style={[styles.image,imagesize]} source={{uri: item.default_image}}></Image>
+                <Text style={[styles.font_goodsname,styles.marginTop4]}>{item.goods_name}</Text>
+                <View style={[styles.row]}>
+                    <Text>倍全价: </Text>
+                    <Text style = {[styles.font_bqprice,styles.flex1]}>{item.price}</Text>
+                    <Image style={[styles.image,styles.image_add]} source={require("image!ic_goods_add")}></Image>
+                </View>
+            </View>
+        );
+    }
+});
+
+var HotGoods = React.createClass({
+    render: function(){
+        var collumnNum = this.props.collumnNum;
+        var products = this.props.hotgoods;
+        var itemWidth = Math.floor((Util.size.width)/collumnNum);
+        var size ={
+            width:itemWidth,
+            height: itemWidth*1.25,
+        };
+        var itemviews = [];
+        for(var ii = 0;ii<products.length;ii++){
+            itemviews.push(
+                <View style={[styles.center,size]} key={ii}>
+                    <Product
+                        itemWidth ={itemWidth-15}
+                        data={products[ii]} />
+                </View>
+            );
+        }
+
+        return(
+            <View style={styles.container}>
+                {itemviews}
+            </View>
+        );
+    },
+});
+
+var styles = StyleSheet.create({
+    container:{
+        flexDirection:'row',
+        justifyContent:'space-between',
+        backgroundColor:'#f5f5f5',
+        flexWrap:'wrap',
+
+    },
+    center:{
+        justifyContent:'center',
+        alignItems:'center',
+    },
+    itemBlock:{
+        backgroundColor:'white',
+        padding:5,
+    },
+    row:{
+        flexDirection:'row',
+    },
+    flex1:{
+        flex:1,
+    },
+    marginTop4:{
+        marginTop:4,
+    },
+    font_goodsname:{
+        fontSize:12,
+        color:'#333333',
+        height:26,
+    },
+    font_bqprice:{
+        fontSize:16,
+        color:'#ee7700',
+    },
+    image: {
+        paddingLeft:5,
+        paddingRight:5,
+        paddingTop:5,
+        paddingBottom:5,
+        resizeMode: Image.resizeMode.stretch,//拉伸
+    },
+    image_add:{
+        width:25,
+        height:25,
+    },
+});
+
+module.exports = HotGoods;